Re: [WSG] some simple box problems
David and lindsay, Thanks for the advice on clearing the floats. Can you check that this layout holds up in ie 6 now? ~davidLaakso wrote: The problem that may need to be addressed is that the page is brittle. Font-scaling will expand thenav and drop the float. Yeah i will have to address this but i dont think i can do it by changing the padding cause i need the nav bar to be the same width as the container. -thanks kvn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] some simple box problems
kevin mcmonagle wrote:
David and lindsay,
Thanks for the advice on clearing the floats. Can you check that this
layout holds up in ie 6 now?
In reference to your uri: http://mcmonagle.biz/arena7/
As far as I can tell, you only cleared the float. The page is still
broken in ie6, ie/7, ff, and opera.
As before, the footer needs to be enclosed within the wrapper. Revise
the markup to:
html
img src=http://mcmonagle.biz/arena7/images/pool.jpg; width=444
height=159 /
/div
div id=footer
pbr /
a rel=#/abr /
contact info and links/a.
/p
/div
/div
/body
/html
And as before, h2 is still braking.
Change the markup from:
h2img src=http://mcmonagle.biz/arena7/images/bowling.jpg;
width=444 height=161 /Arena 7 Letterkenny/h2
To
img src=http://mcmonagle.biz/arena7/images/bowling.jpg; width=444
height=161 /
h2Arena 7 Letterkenny/h2
To correct the nav for ie/6 and ie/7 without affecting compliant
browsers, amend #header:
#header{
/*height:123px;*/ delete
margin-bottom: /*-13px*/ 0; , amend
}
Leave this selector as you have it:
#navcontainer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold; color:#fff;
border:0px solid pink;
margin: 0;
padding: 86px 0 0 9px;
}
All of the above may not correct all issues. But they /may/ bring you
in a little closer in xp (ie6, ie/7, ff, opera-- local file). And may
help the font-scaling problem.
~Best,
~dL
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] some simple box problems
On 2/27/07, kevin mcmonagle [EMAIL PROTECTED] wrote: Hello, I havnt been doing my own css for a while-just handing over illustrator files so Im a bit rusty. Im not sure whats going on with this simple 2 column fixed with layout. The problem is the wrapper div is not being expanded by the two nested columns within it. Hi Kevin, Looks like you need to clear the floats: http://www.quirksmode.org/css/clearing.html Not too sure what's happening with the margins, only had a quick look, maybe try setting margin-top to 0 on the h2 elements. Hope this helps. -- Lindsay Evans http://lindsayevans.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] some simple box problems
kevin mcmonagle wrote:
The problem is the wrapper div is not being expanded by the two nested
columns within it.
Theres no hieghts set. Also margins are showing up abovr the wrapper
and footer divs even though they're set to 0. Only looked at it in
firefox mac so far would like to fix these issues before moving on.
http://mcmonagle.biz/arena7/
-best
kevin mcmonagle
The footer needs to clear the floats. And #footer needs and be inside
the #wrapper.
#footer { clear: both; } add to footer selector
html
img src=http://mcmonagle.biz/arena7/images/pool.jpg; width=444
height=159 /
/div
div id=footer
pbr /
a rel=#/abr /
contact info and links/a.
/p
/div
/div
/body
/html
h2 is breaking.
Change the markup from:
h2img src=http://mcmonagle.biz/arena7/images/bowling.jpg;
width=444 height=161 /Arena 7 Letterkenny/h2
To
img src=http://mcmonagle.biz/arena7/images/bowling.jpg; width=444
height=161 /
h2Arena 7 Letterkenny/h2
The nav may do better in IE6 (and may not hurt other browsers) if the
padding is changed:
#navcontainer
{/*padding: 86px 0 0 9px; */padding: 76px 0 0 9px;}
The problem that may need to be addressed is that the page is brittle.
Font-scaling will expand the nav and drop the float.
Best,
~dL
PS There are a couple of minor validation errors to fix :-) .
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
