A horizontal scrollbar and having to scroll to see the right border when you
use a 100% width?
Like so:
body {
margin: 0px;
}
#header {
width:100%;
height:64px;
border: 1px solid #FF0000;
}
-->
</style>
</head>
<body>
<div id="header">A 100% wide div with a border</div>............
Good thing to mention for the OP.
If planning on adding a border, don't use 100% (with or without the
expression.)
#header {
width:98%;
height:64px;
background-color: #666666;
width: expression( document.body.clientWidth < 599 ? "600px" : "98%" );
min-width: 600px;
border: 2px solid #FF0000;
}
Take care,
Tim
"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:g30804$o9c$1@forums.macromedia.com...
> Watch what happens when you give that element a border.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> ==================
>
>
> "TC2112" <nospam@nospam.com> wrote in message
> news:g2v9jt$n0r$1@forums.macromedia.com...
>> Hello,
>>
>> Try this:
>>
>> #header {
>> position:absolute;
>> left:0px;
>> top:0px;
>> width:100%;
>> height:64px;
>> z-index:1;
>> background-color: #666666;
>> width: expression( document.body.clientWidth < 599 ? "600px" : "100%" );
>> min-width: 600px;
>> }
>>
>>
>> Take care,
>> Tim
>>
>> "danrodney" <webforumsuser@macromedia.com> wrote in message
>> news:g2v8si$m69$1@forums.macromedia.com...
>>> min-width doesn't work in IE, so I need to find a cross browser
>>> compatible
>>> method. Attached is an example of the min-width code.
>>>
>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>>> "http://www.w3.org/TR/html4/loose.dtd">
>>> <html>
>>> <head>
>>> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
>>> <title>Untitled Document</title>
>>> <style type="text/css">
>>> <!--
>>> body {
>>> margin: 0px;
>>> }
>>> #header {
>>> position:absolute;
>>> left:0px;
>>> top:0px;
>>> width:100%;
>>> height:64px;
>>> z-index:1;
>>> background-color: #666666;
>>> min-width: 600px;
>>> }
>>> #header #contact {
>>> float: right;
>>> }
>>> -->
>>> </style>
>>> </head>
>>>
>>> <body>
>>> <div id="header">
>>> <img src="" alt="contact" name="contact" width="95" height="53"
>>> id="contact">
>>> <img src="" alt="" name="image1" width="95" height="53" id="image1">
>>> <img src="" alt="" name="image2" width="95" height="53" id="image2">
>>> <img src="" alt="" name="image3" width="95" height="53" id="image3">
>>> <img src="" alt="" name="image4" width="95" height="53"
>>> id="image4"></div>
>>> </body>
>>> </html>
>>>
>>
>>
>