Web Design Web Design Forum
Registration is free! Here you can view your subscribed threads, work with private messages and edit your profile and preferences Calendar Find other members Frequently Asked Questions Search
Home Web Design

Convenient web based access to our favorite web design Usenet groups

web design reviews

This is Interesting: Free Magazines for Graphics designers and webmasters  





  Last Thread  Next Thread
Author
Thread Post New Thread   

100% width of div in IE
 

Anita Meyer




quote this post edit post

IP Loged report this post

Old Post  06-17-04 - 09:18 AM  
Hello,

I try to figure out, how I can define a div (using css) which is spread over
the whole page. The example below is how I think it should work, but when
using the Internet Explorer it doesn't work - the margin-left and
margin-right of the body is always subtracted from the width, and the div
is displayed in the top-left corner, but it does not fill the full
page-width - a white space on the right side (margin-left + marging-right)
of the body is shown (in IE and Opera). Mozilla, Firebird, Konqueror show
the div correctly.

div.full{
____position:_absolute;
____top:_0px;_left:_0px;_width:100%;_right:auto;
__}

Does anybody know a workaround for IE, or is it really impossible to set a
div to 100% width when the body contains a margin?

Greetings
--
Anita Meyer
anita.meyer@aon.at


Post Follow-Up to this message ]
Re: 100% width of div in IE
 

Jim McMaster




quote this post edit post

IP Loged report this post

Old Post  06-17-04 - 09:18 AM  
If you are talking about IE 5.5, that is how it works.  There are hacks to
get around it.  Look at http://glish.com/css/hacks.asp.

If you are just interested in IE6, you can use a doctype to make it stop
using "quirks mode" (IE5.5 compatibility) and force it into standards mode.
Look at http://www.hut.fi/~hsivonen/doctype.html.

--
--
Jim McMaster
mailto: jim.mcmaster@comcast.net
"Anita Meyer" <anita.meyer@aon.at> wrote in message
news:40d07f49$0$26294$91cee783@newsreader01.highway.telekom.at...
> Hello,
>
> I try to figure out, how I can define a div (using css) which is spread
over
> the whole page. The example below is how I think it should work, but when
> using the Internet Explorer it doesn't work - the margin-left and
> margin-right of the body is always subtracted from the width, and the div
> is displayed in the top-left corner, but it does not fill the full
> page-width - a white space on the right side (margin-left + marging-right)
> of the body is shown (in IE and Opera). Mozilla, Firebird, Konqueror show
> the div correctly.
>
> div.full{
> position: absolute;
> top: 0px; left: 0px; width:100%; right:auto;
> }
>
> Does anybody know a workaround for IE, or is it really impossible to set a
> div to 100% width when the body contains a margin?
>
> Greetings
> --
> Anita Meyer
> anita.meyer@aon.at




Post Follow-Up to this message ]
Sponsored Links
 





All times are GMT. The time now is 04:06 AM. Post New Thread   
  Previous Last Thread   Next Thread next
Stylesheets archive | Show Printable Version | Email this Page | Subscribe to this Thread

Popular forums

Adobe Photoshop forum Macromedia Flash Web Site Design
Dreamweaver FrontPage forum
JavaScript Forum XML forum
Style Sheets VRML
Forum Jump:
Rate This Thread:

 

XML RSS Feed web design latest articles Syndicate our forum via XML or simple JavaScript

Web Design archive  Database administration help  


Top Home  -  Register  -  Control Panel   -  Memberlist  -  Calendar  -  Faq  -  Search Top