Results 1 to 5 of 5

Thread: IE adds line break?

  1. #1
    Join Date
    May 2008
    Posts
    144
    Thanks
    6
    Thanked 11 Times in 11 Posts

    Default IE adds line break?

    my page is located at http://www.equusdev.com/
    for some odd reason, IE has taken it upon itself to insert what appears to be a line break inbetween the top heading and the main body... any thoughts or tips?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    It appears the same in Opera, so FF may be the odd bird here. In any case, it looks as though you could set its (the div id=head) height to 118px.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2008
    Posts
    144
    Thanks
    6
    Thanked 11 Times in 11 Posts

    Default

    i had it set but removed the setting trying to troubleshoot this issue... i forgot to add it back in...

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by jscheuer1 View Post
    It appears the same in Opera, so FF may be the odd bird here. In any case, it looks as though you could set its (the div id=head) height to 118px.
    It works like FF in Safari.
    Jeremy | jfein.net

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by Nile View Post
    It works like FF in Safari.
    That may be because the float isn't cleared. Technically speaking uncleared floats shouldn't extend the dimensions of their parent. However, browsers will often treat them as block level elements in this regard. The best practice is to clear the float and then set the rest of the css accordingly.

    On a side note, using pixel height is probably not ideal, because the height of the menu items would depend upon the user's text size. Also the use of relative position just to nudge things around could end up being a source problems. If padding and/or margin could be used for that instead, it would be better. Once the float is cleared, that (padding and/or margin) might be all that is required.

    Edit: In fact, removing the position relative from the menu (id=hlinks) division and adding a negative margin-bottom (-1.5em) to the image above it would be about ideal if it were to work out.
    Last edited by jscheuer1; 06-10-2008 at 04:25 PM. Reason: add specifics
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •