[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => osgood [ip] => notavailable@th [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 7 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> They have taken away only one padding, left or right and not added both, like I did. But they havent accounted for the border width, so Im wondering if its right or not. [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => osgood [ip] => notavailable@th [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 9 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> CSS & IE5 & IE6 Problems - Macromedia Dreamweaver

CSS & IE5 & IE6 Problems - Macromedia Dreamweaver

Mornin', I did post this on the P7 forum yesterday but I really got confused so I wondered if anyone could help while America sleeps :) I have uploaded a test page to show you my problems (http://www.dixit.tk/t1.htm). If you view this page in IE6 it views perfectly but in IE5 it s the DIVs apart. You will see a big space at the upper most part of the page, this is where my nav and banner will go. The white left div and the lightly shaded one directly to the right should appears as one box but in IE5 ...

  1. #1

    Default CSS & IE5 & IE6 Problems

    Mornin',

    I did post this on the P7 forum yesterday but I really got confused so I
    wondered if anyone could help while America sleeps :)

    I have uploaded a test page to show you my problems
    (http://www.dixit.tk/t1.htm). If you view this page in IE6 it views
    perfectly but in IE5 it s the DIVs apart. You will see a big space at
    the upper most part of the page, this is where my nav and banner will go.

    The white left div and the lightly shaded one directly to the right should
    appears as one box but in IE5 there is a big gap between them. The footer
    should also tight underneath them. As I mentioned this can all be seen in
    IE6/NN7 just fine.

    I am getting really stressed as I can't get my head around the hacks for
    this.

    Is there anyone who could make an adjustment to my style so I can fully
    understand how it works?

    These are my main styles:

    body {

    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background: Linen
    }

    p {
    background-color: transparent;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    }

    #MainContent {
    background: #FFFFFF;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    vertical-align: top;
    font-weight: bold;
    height: 705px;
    left: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    border-top: 1px solid #123456;
    border-bottom: 1px solid #123456;
    border-left: 1px solid #123456;
    position: absolute;
    top: 295px;
    width: 365px;
    }

    #extrasBox {
    background-color: snow
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    vertical-align: top;
    font-weight: bold;
    height: 705px;
    left: 400px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    border-top: 1px solid #123456;
    border-bottom: 1px solid #123456;
    border-right: 1px solid #123456;
    position: absolute;
    top: 295px;
    width: 166px;
    }

    #footer {
    background-color: Snow;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 15px;
    left: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    border-top: 1px solid #123456;
    border-bottom: 1px solid #123456;
    border-right: 1px solid #123456;
    border-left: 1px solid #123456;
    position: absolute;
    top: 1025px;
    width: 555px;
    text-align: center;
    }

    I know I ask a lot but I really am confused :(

    Thanks


    Bill Guest

  2. #2

    Default Re: CSS & IE5 & IE6 Problems

    Bill Marshall wrote: 


    Have to ask:

    1) What's "Linen"?
    2) Why link to a js?
    3) In IE5.1.3 and Safari on Mac, I see *one* container. But when loaded
    in DW, there are *two* beside each other. Was that what I was supposed
    to see in the browsers, too?

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  3. #3

    Default Re: CSS & IE5 & IE6 Problems

    Dan Vendel *GOF* wrote:
     

    Duh, forget about 3)

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  4. #4

    Default Re: CSS & IE5 & IE6 Problems

    Dan Vendel *GOF* wrote:
     
    >
    > Duh, forget about 3)
    >[/ref]

    If the #MainContent is placed absolutely 10px left and is 365px wide,
    isn't the #extrasBox supposed to be placed absolutely at 376px left?

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  5. #5

    Default Re: CSS & IE5 & IE6 Problems

    Hi Dan,

    I have been doinf some reading on this and I think I have to take into
    account the padding and the border in my calculations.

    As far as I know I don't think I can get the footer to move when the body
    content grows, so I decided on a fixed height page.

    This is my first attempt at a CSS-P site.

    I will get there :)

    Thanks for all your advise :)


    Bill Guest

  6. #6

    Default Re: CSS & IE5 & IE6 Problems

    Bill Marshall wrote:
     

    Not much of advice, rather incoherent drivel, but you're welcome. ;-)

    Padding is, AFAIK, an inline attribute and shouldn't have anything to do
    with the position. And perhaps nesting the div's would work better? <end
    additional drivel />

    Here's a good one that might spark some ideas:
    http://www.glish.com/css/

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  7. #7

    Default Re: CSS & IE5 & IE6 Problems

    Bill Marshall wrote:
     
    Bill the way I raed things hera nad over at the PV11 forum

    You should include the code below and paste it directly after the link
    to your style sheet.

    <!--[if IE 5]>
    <style>
    #MainContent {width: 391px;}
    #extrasBox {width: 192px;}
    #footer {width: 581px;}
    </style>
    <![endif]-->

    osgood Guest

  8. #8

    Default Re: CSS & IE5 & IE6 Problems

    osgood wrote:
     
    > space at 
    > will go. 
    > should 
    > footer 
    > seen in 
    > Bill the way I raed things hera nad over at the PV11 forum
    >
    > You should include the code below and paste it directly after the link
    > to your style sheet.
    >
    >[/ref]
    Should say: Bill the way I read things here and over at the PV11 forum.
    Hehehhe cant do calculations and type at the same time :(

    osgood Guest

  9. #9

    Default Re: CSS & IE5 & IE6 Problems

    osgood wrote:
     
    > space at 
    > will go. 
    > should 
    > footer 
    > seen in 
    > Bill the way I raed things hera nad over at the PV11 forum
    >
    > You should include the code below and paste it directly after the link
    > to your style sheet.
    >
    >[/ref]
    Humm mafter reading someones elses answer Im think that maybe it should be

    <!--[if IE 5]>
    <style>
    #MainContent {width: 353px;}
    #extrasBox {width: 140px;}
    #footer {width: 529px;}
    </style>
    <![endif]-->

    They have taken away only one padding, left or right and not added both,
    like I did. But they havent accounted for the border width, so Im
    wondering if its right or not.

    osgood Guest

  10. #10

    Default Re: CSS & IE5 & IE6 Problems



    Me too, its hard job to try and make it sink in at all. The more I look
    into it there seems to be a hack for this a hack for that :(

    osgood Guest

  11. #11

    Default Re: CSS & IE5 & IE6 Problems

    osgood wrote:
     

    You're miles ahead of me anyway.

    I think it's merely a matter of one's inclination. Either you enjoy
    fiddling with code for the sake of it, or you're more interested in the
    visual output.

    I'm watching (filled with a mix of impression and amazement) the
    discussions about solving something with CSS that goes on for days and
    days, when you could create exactly the same visual result using a layer
    or a table within a minute.

    Cheers,

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  12. #12

    Default Re: CSS & IE5 & IE6 Problems

    Hey Osgood,

    Thanks for your help :)

    Yeah I had prblems getting my head around the way the <!--[if IE 5]> worked.
    I presumed it was width + left & right padding + left & right border.

    I tried the other suggestion:

    width: 107px;
    width/* */:/**/97px;
    width: /**/97px;

    and that seems to work but I like the way the IE looks as it is probably
    gonna be quicker to use instead of changing every #style



    Bill Guest

  13. #13

    Default Re: CSS & IE5 & IE6 Problems





    Im kind of 'sitting on the fence', not wanting to dismiss anything
    without trying and testing it.

    Its certainly is a new challenge to over-come, but as you say, I too
    like to work on something a bit more tangable than code view can offer me.

    I may be more optimistic if the next update of DW improves its CSS
    engine. I need to see the page taking shape in design view before I
    personally could consider taking it seriously.

    I like to try and find out how these things work though. Its another
    'string to ones bow' as they say :)


    osgood Guest

  14. #14

    Default Re: CSS & IE5 & IE6 Problems

    osgood wrote:

     

    Yes, perhaps that's a better definition of my emotions, too. Only that I
    have no interest in testing something in CSS for days if I know I can
    achieve the same visual result within a minute by using the (limited)
    knowledge I already have.

    But it'll be very interesting to see what'll come up. Very interesting...

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  15. #15

    Default Re: CSS & IE5 & IE6 Problems

    In article <bgvsbf$g2h$macromedia.com>,
    Dan Vendel *GOF* <com>
    wrote:
     

    Yeah, but we already know how to do stuff with tables. We've known
    it for years now. Boring! CSS is new to many people, and even with
    those of us who have studied it for a while now, its behaviors are still
    being discovered and explored. That's much more interesting to many
    people.
    Besides, without lengthy explorations of what can and can't be done
    with CSS layout, nobody would know its strengths and weaknesses. We
    have to know all that stuff so that when up-and-comers ask what to do,
    they can be given informed advice. Also to find out what in CSS needs
    to be improved. (Most obvious example: a CSS-P equivalent to 'clear'.)

    --
    Eric A. Meyer (com) http://www.meyerweb.com/eric/
    Author, "Cascading Style Sheets: The Definitive Guide,"
    "Eric Meyer on CSS," "CSS 2.0 Programmer's Reference," and more
    http://www.meyerweb.com/eric/books/
    Eric Guest

  16. #16

    Default Re: CSS & IE5 & IE6 Problems

    Eric A. Meyer wrote:

     

    Exactly!
    As I wrote:
    "I think it's merely a matter of one's inclination."

    Cheers,

    --
    Dan Vendel - *GOF*
    http://www.vendel.info
    Contact me directly by clicking here:
    http://contact.vendel.info
    Formmail tutorial:
    http://www.vendel.info/tut/formmail.html
    Nested table demonstration:
    http://www.vendel.info/tabletut/

    Dan Guest

  17. #17

    Default Re: CSS & IE5 & IE6 Problems

    Use the MS Conditional solution from your PVII newsgroup thread this
    afternoon. It's easier to manage... especially as you try to get your head
    around CSS. All your box model workarounds for IE5 are thusly tucked away in
    their own little space.

    --
    Al Sparber - PVII
    http://www.projectseven.com
    Dreamweaver Extensions - DesignPacks - Tutorials - Books
    ---------------------------------------------------------------------
    The PVII Newsgroup | news://forums.projectseven.com/pviiwebdev
    The CSS Newsgroup | news://forums.projectseven.com/css
    ---------------------------------------------------------------------



    "Bill Marshall" <com> wrote in message
    news:bgvhb7$gi6$macromedia.com... 


    Al Guest

Similar Threads

  1. div problems ?
    By Martin Bean in forum Macromedia Dynamic HTML
    Replies: 0
    Last Post: January 3rd, 08:57 AM
  2. Replies: 0
    Last Post: September 22nd, 02:18 PM
  3. Problems with ci -m
    By David in forum UNIX Programming
    Replies: 3
    Last Post: August 30th, 08:46 AM
  4. USB problems
    By Henning in forum Debian
    Replies: 3
    Last Post: August 24th, 04:00 AM
  5. problems with asp
    By mickytaggart66 in forum Macromedia Dreamweaver
    Replies: 3
    Last Post: July 30th, 01:12 PM

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
  •