/    Sign up×
Community /Pin to ProfileBookmark

Cannot span a div 100% in IE6

Is there a work around to this. This div will not span 100% in IE6 all other browser seem to work fine.

.nav{width:100%}

to post a comment
CSS

10 Comments(s)

Copy linkTweet thisAlerts:
@FangOct 22.2008 — Please give the html
Copy linkTweet thisAlerts:
@kpikulauthorOct 22.2008 — This is actually a layer that I am floating above content. I have a link in my flash that hides the layer to reveal the content that is hidden by it.



[B]CSS - [/B]

.flashInto{

position:absolute;

visibility:visible;

top:0;

left:0;

width:100%;

height:100%;

background-color:#000000;

overflow:auto;

z-index:1000;

padding: 20px;

}



[B]

HTML -[/B]


<div class=flashInto id=flashInto>

<object classid="clsid?27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="550">

<param name="movie" value="/ui/18/182622/anightfornatesplash.swf">

<param name="quality" value="high">

<embed src="/ui/18/182622/anightfornatesplash.swf" quality="high" pluginspage="https://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950" height="550"></embed>

</object>

</div>
Copy linkTweet thisAlerts:
@FangOct 22.2008 — IE6 will cover 100&#37; of the parent element.
Copy linkTweet thisAlerts:
@kpikulauthorOct 22.2008 — The parent element is a table set at 950. Unfortunately, I do not have much control over the structure of the site as I am working within a web applications that renders my sites based on my CSS and elements that I put into the pages like the code above..

Is there a way around this?
Copy linkTweet thisAlerts:
@FangOct 22.2008 — What is the 100&#37; you want to cover? The parent element will be covered.
Copy linkTweet thisAlerts:
@kpikulauthorOct 22.2008 — I would like this div span the whole screen no matter what the users resolution is although the table with the content is hardcode to 950px.

This div has a different background color as the rest of the pages. It serves as a flash intro to the site.
Copy linkTweet thisAlerts:
@FangOct 22.2008 — Move the div to be a child of the body.
Copy linkTweet thisAlerts:
@kpikulauthorOct 22.2008 — Sorry to make this so difficult, but I can not. I work within an application where I have to put my code in to areas of the site. When I the site is rendered it places all my code into a table which I have defined at 950.

I am wonder if I can use JS document.write to get around this.
Copy linkTweet thisAlerts:
@kpikulauthorOct 22.2008 — Is there a way with CSS where I can set the width of this div to something like 2000px but not have the browers scroll? I tryed overflow:hidden but it still produced scroll bars.
Copy linkTweet thisAlerts:
@FangOct 23.2008 — You will have to insert the div as a child of the body, as I previously mentioned.

Are you attempting to hide an advertisement?
×

Success!

Help @kpikul spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...