Header < H1> Layout Problem - only in IE? FF is okay.

jlhaslip

Oct 31 2005, 12:39 AM

The problem is best described as follows. The site in question has a four word Heading as a text field, is contained in a div tag, and I tried using br tags to control the display of the words such that the layout would follow a set pattern. ie: line 1 = 1word, line 2 = next two words, and line 3 = the last word.
It seems like no matter what I do, Internet Explorer displays the words one line at a time, one word on each line. Is this an IE problem? Firefox displays the Heading exactly as I want, but IE doesn't even come close.

CODE

<div><h1>WordOne<br />WordTwo WordThree<br />WordFour</h1></div>
or
<div><h1>WordOne WordTwo<br /> WordThree WordFour</h1></div>
or
<div><h1>WordOne <br />WordTwo<br /> WordThree WordFour</h1></div>
or
<div><h1>WordOne WordTwo <br />WordThree <br />WordFour</h1></div>

ALL display in IE5 as you might expect this to be displayed:

CODE

<div><h1>WordOne <br />WordTwo <br />WordThree <br />WordFour</h1></div>

Example output regardless of where the br / tags are placed...

WordOne
WordTwo
WordThree
WordFour

And there is lots of vacant space to the right, so it is not the length of the output line which is forcing a lf/cr.

Any suggestions??? (except don't use IE5?)

Tyssen

Oct 31 2005, 12:57 AM

The only thing I can think of that would cause your words to wrap onto the next line where there wasn't a break was because you've set a width on your <h1>.

Saint_Michael

Oct 31 2005, 02:18 AM

haslip here you go this is what you want in your coding

CODE

<div width="500" height="500"><h1>WordOne WordTwo WordThree WordFour</h1></div>

mind you you can adjust the height and width to fit the website as needed.

Tyssen

Oct 31 2005, 02:39 AM

QUOTE(Saint_Michael @ Oct 31 2005, 12:18 PM)

haslip here you go this is what you want in your coding

CODE

<div width="500" height="500"><h1>WordOne WordTwo WordThree WordFour</h1></div>

Did you even read the original question?

Saint_Michael

Oct 31 2005, 03:04 AM

um yes instead of this

WordOne
WordTwo
WordThree
WordFour

he wanted this

WordOne WordTwo WordThree WordFour

Tyssen

Oct 31 2005, 03:45 AM

I thought so. Read it again. If he just wanted all words on the same line, he wouldn't be talking about <br>s now would he?

jlhaslip

Oct 31 2005, 04:48 AM

Nope, I want this:

Word1
Word2 Word3
Word4

See now? Force a lf/cr after the first and third word. and IE still won't work to do that.

FF behaves absolutely perfect. The br's do what they are told to. IE seems to have a mind of its own...

Tyssen

Oct 31 2005, 04:58 AM

Got a page we can look at?

Saint_Michael

Oct 31 2005, 05:12 AM

hey haslip i got some good news for you no i didn't save money from gieco but IE5 won't do it try it on IE6 and if not get IE7

i did see this happen on IE7

Word1
Word2 Word3
Word4

so upgrade your browser to IE6 and see if that works, i think its the fact the IE5 is outdating in coding and what not and won't work for it.

jlhaslip

Oct 31 2005, 05:17 AM

Ah Ha!!!
Found a way that works, but it is a hack... I really never thught it would make a difference, but placing a non-breaking-space between the words holds them together on one line just like I wanted it to do. Doesn't seem to affect the Firefox, either.

So, end of story, thanks for looking at this for me... If you red this and have any other ideas, please post them here. I will watch this topic for a few days.

Latest Entries

guangdian

Nov 2 2005, 01:38 AM

maybe you could try this code

CODE

<div><h1>WordOne<br />WordTwo WordThree<br />WordFour</h1></div>
or
<div><h1>WordOne </h1>

<br />

<h1> Word2    Word3</h1>

<br />

<h1>Word4</h1> </div>

may be your write is not correct,
just went to
validaotor of w3c to validate your code.if error,it would give you the details how to adjust it.

guangdian

Tyssen

Oct 31 2005, 06:52 AM

QUOTE(Saint_Michael @ Oct 31 2005, 04:37 PM)

yeah i used the coding we figure out it was the browser it work on IE7 thats why i missed it the first time, but hes using a mac computer that could be the other problem as well.

Nothing to do with which version of IE or Mac v PC; it was to do with the associated CSS which wasn't posted in this thread (sorted out via PM).

Saint_Michael

Oct 31 2005, 06:37 AM

yeah i used the coding we figure out it was the browser it work on IE7 thats why i missed it the first time, but hes using a mac computer that could be the other problem as well.

but he used the <npsb> take to correct it but of course you can do what i figured out put a <br> between the words using the "div tag" info i gave earlier.

Similar Topics

Keywords : header layout ff

Help With Css/html Layout - Horizontal List Problems (5)
I can't figure out why this horizontal list isnt working. Underneath my banner is supposed to
be a green gradient bar with a list of links in the center of the page. The links are all the way
to the left and are really small. The banner is also overlapping the list for some reason. This is
my current layout(don't worry, I'm not trying to advertise).
http://www.stormgaming.net/stormcreations/ This is my CSS file
http://www.stormgaming.net/stormcreations/storm.css Thanks in advance for any help....

Centered Div Layout Issues - Float Right item not vertically aligned with text (2)

Help With Website Layout Correction For All Browsers - Page gets larger on Firefox 2 (4)

If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
only 3 errors and all these problems still occured. You might find more now though because i am
screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
click on the pulldown menu and click the only tweak avaible at the moment the pag...

Xhtml Forms Layout - all within the standars (8)

We all remember the good old tables right? When we used them to design or beloved websites. But
nowadays things have change a little bit, strict code format, css, xhtml and no tables. And so
when it comes finally to the design of a form, instead of having two rows (left row with the label
and right row with the input tag) and those rows aligned to look nice (left row= right aligned and
right row=left aligned), how can we keep order with our fancy style sheet? Thanks in advance....

Div Layout Problems - table in div not shrinking (5)

Hey everyone. I am having an issue on one of my pages where the table inside my middle section of my
layout will not continue to shrink if the browser window is shrunk. AKA, i get a slider bar on the
bottom instead of things just overlapping. Below is the code for the page along with my style sheet.
If you want to see for yourself the problem just go here: Final Fantasy Fanatics - FF7 - Armor .
Armor.php CODE <?php session_start(); include './../db_connect.php';
include './../member_class.php'; include './../news_class.php&...

Code For This Table Layout? - html help needed (6)

Hey, can anyone help me generate the code needed for a table that would look something like this?
CODE ----------------------------------------------------- |
|---------------- | | |---------------- | |
|---------------- | | |---------------- | |
|---------------- | |
|---------------- | ------------------------------------------------------ Thanks i...

Web Page Layout? - (13)

I am really struggling right now. I need help!!! Can anyone please tell me what the best
way to make web page layout is!!!! Please if you say any way, point me to the web
site where I can learn about it!!! Thanks:)...

Html, Css, Tables... - 3 column, header, and possibly footer (10)

Which one should I use to design my site with? Or mostly use anyway. Which is better for making it 3
column, header and maybe footer? Where can I find a ready made code? /tongue.gif' border='0'
style='vertical-align:middle' alt='tongue.gif' /> ...

How To Make Open & Close Table (layout) - Do You know that ? (1)

Hi Every one i want to learn and make and use open and close layout and tables on my page i know its
jsp code but i want one clear jsp code for edit and desgin or tell me how can i do that ? for
sample see this site you can close tables left and right of the site by one down and up arrow
www.ashiyane.com Thx /cool.gif' border='0' style='vertical-align:middle' alt='cool.gif' /> ...

Looking for header, layout, problem, ff

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE