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

Pages: 1, 2
free web hosting

Read Latest Entries..: (Post #13) by guangdian on Nov 2 2005, 01:38 AM. (Line Breaks Removed)
maybe you could try this codeCODE<div><h1>WordOne<br />WordTwo WordThree<br />WordFour</h1></div>or<div><h1>WordOne </h1><br /><h1> Word2     &nbsp;&nbsp;   Word3</h1><br /><h1>Word4</h1> </div>may be your write is not correct,just went to validaoto... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

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

jlhaslip
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?) smile.gif

 

 

 


Reply

Tyssen
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>.

Reply

Saint_Michael
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. laugh.gif

Reply

Tyssen
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? rolleyes.gif

Reply

Saint_Michael
um yes instead of this

WordOne
WordTwo
WordThree
WordFour

he wanted this

WordOne WordTwo WordThree WordFour

Reply

Tyssen
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?

Reply

jlhaslip
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...

Reply

Tyssen
Got a page we can look at?

Reply

Saint_Michael
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.

Reply

jlhaslip
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.



Reply

Latest Entries

guangdian
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     &nbsp;&nbsp;   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



Reply

Tyssen
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).

Reply

Saint_Michael
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.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Similar Topics

Keywords : header layout ff

  1. 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....
  2. Centered Div Layout Issues - Float Right item not vertically aligned with text (2)
  3. 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...
  4. 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....
  5. 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&...
  6. 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...
  7. 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:)...
  8. 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' /> ...
  9. 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

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for header, layout, problem, ff

*MORE FROM TRAP17.COM*
advertisement



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



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
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