Web Design Forums

mhulse · 27-10-2004, 22:28

Title: PLZ HLP! IE/PC hates my CSS!?! Why??

Oh man... why did god ever invent Internet Explorer?

Anyway, my site CSS layout works fine on every major browser (mac/pc) except for all versions of IE on PC!

Grr, I do not understand why... all of my code is valid XHTML 1.0 trans... and my style sheets are valid...

Could someone/GURU/anyone please check my code and give me some feedback?

Here is link to test template page (Using same code as below):

http://www.ambiguism.com/test/

And here is the source code for above test template:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS TEST TEMPLATE DOC</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

</style>

</head>

<body>

<div id="container">


<div id="flash_banner">
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="250" hspace="0" vspace="0">
<param name="movie" value="6.swf" />
<param name="quality" value="high" /><param name="BGCOLOR" value="#666666" />
<embed src="6.swf" width="800" height="250" hspace="0" vspace="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#666666"></embed>
</object>
</div>



<div id="banner">
<a href="#" title="[Home]">Home</a>
  <a href="#" title="[News]">News</a>
  <a href="#" class="current" title="[Folio]">Folio</a>
  <a href="#" title="[Resume]">Resume</a>
  <a href="#" title="

Code:

">Code</a>
		&nbsp;&nbsp;<a href="#" title="[Forum]">Forum</a>
		&nbsp;&nbsp;<a href="#" title="[Contact]">Contact</a>
		&nbsp;&nbsp;<a href="#" title="[Links]">Links</a>
	</div>
	<!-- END DIV "BANNER" /////////////// -->
	
	<!-- BEGIN DIV "SHADOW_BANNER" /////////////// -->
	<div id="shadow_banner">
		&nbsp;
	</div>
	<!-- END DIV "SHADOW_BANNER" /////////////// -->
	
	<!-- BEGIN DIV "SIDEBAR-A" /////////////// -->
	<div id="sidebar-a">
		<a href="#" title="[3D]">3D</a><br />
		<a href="#" title="[Art]">Art</a><br />
		<a href="#" title="[Audio]">Audio</a><br />
		<a href="#" title="[Bitmap]">Bitmap</a><br />
		<a href="#" title="[Experimental]">Experimental</a><br />
		<a href="#" title="[Fontography]">Fontography</a><br />
		<a href="#" title="[Interactive]">Interactive</a><br />
		<a href="#" title="[Logotypes]">Logotypes</a><br />
		<a href="#" title="[Misculaneous]">Misculaneous</a><br />
		<a href="#" title="[Photography]">Photography</a><br />
		<a href="#" title="[Print]">Print</a><br />
		<a href="#" title="[Vector]">Vector</a><br />
		<a href="#" title="[Videography]">Videography</a><br />
		<a href="#" title="[Websites]">Websites</a><br />
	</div>
	<!-- END DIV "SIDEBAR-A" /////////////// -->
	
	<!-- BEGIN DIV "CONTENT" /////////////// -->
	<div id="content">
		<!-- BEGIN DIV "INNERCONTENTWRAP" /////////////// -->
		<div id="innercontentwrap">
			<p>This is a test layout for my site template.</p>
			<br />
			<p>Here is how I want it to look: <a href="test_screen_grab.jpg" target="_blank">test_screen_grab.jpg</a></p>
			<br />
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sed elit. Sed ante eros, imperdiet tincidunt, interdum id, consequat ut, massa. In sodales quam id enim. Morbi lacinia aliquet enim. In eget mauris. Curabitur vehicula leo. In malesuada mollis metus. Nulla facilisi. Suspendisse potenti. Integer dui metus, pellentesque sit amet, fringilla at, consectetuer eget, lacus. Pellentesque odio odio, commodo vitae, venenatis a, aliquet sed, tellus.</p>
			<br />
			<div class="thumbs65">
				<p  class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				<img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p>
				<p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				Title goes here.</a></p>
				<p class="under_p6">Description: Description goes here.</p>
				<p>More: More info here.</p>
			</div>
			
			<div class="thumbs65">
				<p  class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				<img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p>
				<p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				Title goes here.</a></p>
				<p class="under_p6">Description: Description goes here.</p>
				<p>More: More info here.</p>
			</div>
			
			<div class="thumbs65">
				<p  class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				<img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p>
				<p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')">
				Title goes here.</a></p>
				<p class="under_p6">Description: Description goes here.</p>
				<p>More: More info here.</p>
			</div>
		</div>
		<!-- END DIV "INNERCONTENTWRAP" /////////////// -->
	</div>
	<!-- END DIV "CONTENT" /////////////// -->
	
	<!-- BEGIN DIV "FOOTER" /////////////// -->
	<div id="footer">
	<a href="sitemap.php" title="[Sitemap]">Sitemap</a>
	&nbsp;&nbsp;<a href="dotcoms.php" title="[Dotcoms]">Dotcoms</a>
	&nbsp;&nbsp;<a href="#" title="check css">CSS</a>
	&nbsp;&nbsp;<a href="#" title="check xhtml">XHTML</a>
	</div>  
	<!-- END DIV "FOOTER" /////////////// -->

</div>
<!-- END DIV "CONTAINER" /////////////// -->

</body>
</html>

I would love some help... ugh, why does IE have to be such a pain in the ****?

Many many thanks in advance...

Cheers
Micky

templeGreen · 27-10-2004, 23:16

Change:

div.thumbs65 {
float:left;
width: 99.9%;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}

to

div.thumbs65 {
clear:both;
width: 99.9%;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}

and :

#innercontentwrap {
width:99.9%;
float:left;
}

to

#innercontentwrap {
width:500px;
float:left;
}

*500px is the first number I tried, play around with it to see what the max it can take is*

That fixes it in IE6, IE5.5 and IE5.01 on PC - and still looks OK FF, but can't test on Mac.

Matt

mhulse · 28-10-2004, 00:12

Many thanks for looking my code over templeGreen! I really appreciate you taking the time to help me out... changing my code now...

Quick question, what are your thoughts on using a box model hack (for IE/Win)?

I ask this because I usually get my base CSS layouts from inknoise (the form has has the option to create the IE/Win box model hack):

http://www.inknoise.com/experimental/layoutomatic.php

... Could the hack help also?

Anyway, thanks again for your help! I can't thank you enough!

Cheers
Micky

cam · 28-10-2004, 04:28

the box model hack is a valid, and occasionally necessary, technique but it is possible to avoid it by simply not setting border and/or padding on a block level element which has a width value. in most cases you can get around this by adding another block level element inside this one and add the border/padding to that, although this could of course result in non-semantic code..

stick with the bmh for now, it does the job

templeGreen · 28-10-2004, 10:03

I have never used them, so can't really comment - I always code for IE first then other browsers.

Matt

cam · 28-10-2004, 10:33

Quote:

Originally Posted by templeGreen

I have never used them, so can't really comment - I always code for IE first then other browsers.

Each to their own and everything, but surely you've got that the wrong way round?

The most logical development method is to author your code for firefox (or another browser which follows web standards) and then hack/change for IE/non-standards browsers accordingly

lucidcreations · 28-10-2004, 10:33

What does 'clear: both' do as opposed to 'float:left'. I always find Moz stuffs up floats and Ie handles them fine.

Joewebber · 28-10-2004, 10:34

Quote:

Originally Posted by lucidcreations

What does 'clear: both' do as opposed to 'float:left'. I always find Moz stuffs up floats and Ie handles them fine.

http://www.w3schools.com/css/pr_class_clear.asp

templeGreen · 28-10-2004, 11:09

Why is doing FF first the most logical development method?

Most of my clients on have IE or NN - intranet stuff.

Joewebber · 28-10-2004, 11:15

Quote:

Originally Posted by templeGreen

Why is doing FF first the most logical development method?

Most of my clients on have IE or NN - intranet stuff.

Because IE doesn't render CSS properly
If some of your clients use NN, test in that first
You don't wanna end up with dodgy code

templeGreen · 28-10-2004, 11:17

So not FF first? That being my point

Joewebber · 28-10-2004, 11:30

Quote:

Originally Posted by templeGreen

So not FF first? That being my point

I think he just meant that its better to test in a browser that renders properly first

cam · 28-10-2004, 11:35

Yeah, I meant it's best to author in a browser that renders properly, as that way you'll get into the habit of producing proper, valid, well-structured code which you can then modify for compatibility in the shit browsers such as IE.

Developing and testing in IE is fine if you know your target audience (e.g. intranet users) will be using that particular browser, but trying to use your way of working when producing sites that need to be as accessible as possible (e.g. display the same on Opera, Firefox, IE, Safari, IE/Mac, etc) is a sure way of giving yourself as much grief as possible, and it will most likely also have a knock-on effect on the quality of your code.

templeGreen · 28-10-2004, 11:56

My code is fine ta

Joewebber · 28-10-2004, 15:46

Quote:

Originally Posted by templeGreen

My code is fine ta

thought you said u were having problems with your code?

templeGreen · 28-10-2004, 16:07

No - I fixed the code

Joewebber · 28-10-2004, 16:11

Quote:

Originally Posted by templeGreen

No - I fixed the code

Oh right. Good

Stickman · 28-10-2004, 16:13

You use tables. Just an observation.

templeGreen · 28-10-2004, 16:16

Don't remember saying I didn't

Stickman · 28-10-2004, 16:22

ooh fiesty.

My point was: The box model hack is designed to fix IE5's interpretation of the css box model. People who use tables won't have much need to use it.

27-10-2004, 22:28	#1 (permalink)
mhulse -------------------> Boo! Join Date: Aug 2004 Location: Eugene Oregon Posts: 14	IE/PC hates my CSS!?! Why?? Title: PLZ HLP! IE/PC hates my CSS!?! Why?? Oh man... why did god ever invent Internet Explorer? Anyway, my site CSS layout works fine on every major browser (mac/pc) except for all versions of IE on PC! Grr, I do not understand why... all of my code is valid XHTML 1.0 trans... and my style sheets are valid... Could someone/GURU/anyone please check my code and give me some feedback? Here is link to test template page (Using same code as below): http://www.ambiguism.com/test/ And here is the source code for above test template: [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS TEST TEMPLATE DOC</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- body { font-smooth: never; background-color: #111111; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; font-style: normal; line-height: 1.5em; font-weight: normal; font-variant: normal; color: #666666; text-decoration: none; text-transform: none; letter-spacing: 2px; line-height: 1.5em; background-attachment: scroll; background-image: url(bkgrnd.gif); background-repeat: repeat-x; background-position: 0px 0px; } #container { width: 850px; padding: 0px; margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #flash_banner { padding: 0px; height: 250px; width: 800px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-top-style: solid; border-top-color: #000000; border-right-width: 50px; border-right-style: solid; border-right-color: #000000; border-bottom-style: none; border-bottom-width: 0px; border-bottom-color: #000000; border-left-width: 0px; border-left-style: none; border-left-color: #000000; } #banner { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 250px; background-color: #000000; background-attachment: scroll; background-image: url(rounded_crnr.gif); background-repeat: no-repeat; background-position: right bottom; } #shadow_banner { margin: 0px; background-attachment: scroll; background-image: url(tp_grndt.gif); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 11px; } #innercontentwrap { width:99.9%; float:left; } #content { margin-left: 257px; margin-right: 50px; margin-top: 0px; margin-bottom: 0px; padding: 0px; } #sidebar-a { float: left; width: 200px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; } #footer { clear: both; padding-top: 30px; padding-right: 0px; padding-bottom: 5px; padding-left: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } img { border:0; } p { margin: 0; } div.thumbs65 { float:left; width: 99.9%; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; } .l_fl { float:left; display: block; border:0; padding-right: 10px; } .under_p6 { margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .img_border { border: 1px solid #000000; } .sub_page { font-size: xx-small; text-align: right; } /* Links have to be in this order in your stylesheet: a:link a:visited a:hover a:active / a:link { color: #999900; text-decoration: none; } a:visited { color: #999900; text-decoration: none; } a:hover { color: #CCCC00; text-decoration: none; } a:active { color: #FFFF00; text-decoration: none; } a.current { color: #666600; text-decoration: none; } a.current:hover { color: #CCCC00; text-decoration: none; } --> </style> </head> <body> <!-- BEGIN DIV "CONTAINER" /////////////// --> <div id="container"> <!-- BEGIN DIV "FLASH_BANNER" /////////////// --> <div id="flash_banner"> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="250" hspace="0" vspace="0"> <param name="movie" value="6.swf" /> <param name="quality" value="high" /><param name="BGCOLOR" value="#666666" /> <embed src="6.swf" width="800" height="250" hspace="0" vspace="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#666666"></embed> </object> </div> <!-- END DIV "FLASH_BANNER" /////////////// --> <!-- BEGIN DIV "BANNER" /////////////// --> <div id="banner"> <a href="#" title="[Home]">Home</a>   <a href="#" title="[News]">News</a>   <a href="#" class="current" title="[Folio]">Folio</a>   <a href="#" title="[Resume]">Resume</a>   <a href="#" title=" Code: ">Code</a>   <a href="#" title="[Forum]">Forum</a>   <a href="#" title="[Contact]">Contact</a>   <a href="#" title="[Links]">Links</a> </div> <!-- END DIV "BANNER" /////////////// --> <!-- BEGIN DIV "SHADOW_BANNER" /////////////// --> <div id="shadow_banner">   </div> <!-- END DIV "SHADOW_BANNER" /////////////// --> <!-- BEGIN DIV "SIDEBAR-A" /////////////// --> <div id="sidebar-a"> <a href="#" title="[3D]">3D</a><br /> <a href="#" title="[Art]">Art</a><br /> <a href="#" title="[Audio]">Audio</a><br /> <a href="#" title="[Bitmap]">Bitmap</a><br /> <a href="#" title="[Experimental]">Experimental</a><br /> <a href="#" title="[Fontography]">Fontography</a><br /> <a href="#" title="[Interactive]">Interactive</a><br /> <a href="#" title="[Logotypes]">Logotypes</a><br /> <a href="#" title="[Misculaneous]">Misculaneous</a><br /> <a href="#" title="[Photography]">Photography</a><br /> <a href="#" title="[Print]">Print</a><br /> <a href="#" title="[Vector]">Vector</a><br /> <a href="#" title="[Videography]">Videography</a><br /> <a href="#" title="[Websites]">Websites</a><br /> </div> <!-- END DIV "SIDEBAR-A" /////////////// --> <!-- BEGIN DIV "CONTENT" /////////////// --> <div id="content"> <!-- BEGIN DIV "INNERCONTENTWRAP" /////////////// --> <div id="innercontentwrap"> <p>This is a test layout for my site template.</p> <br /> <p>Here is how I want it to look: <a href="test_screen_grab.jpg" target="_blank">test_screen_grab.jpg</a></p> <br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sed elit. Sed ante eros, imperdiet tincidunt, interdum id, consequat ut, massa. In sodales quam id enim. Morbi lacinia aliquet enim. In eget mauris. Curabitur vehicula leo. In malesuada mollis metus. Nulla facilisi. Suspendisse potenti. Integer dui metus, pellentesque sit amet, fringilla at, consectetuer eget, lacus. Pellentesque odio odio, commodo vitae, venenatis a, aliquet sed, tellus.</p> <br /> <div class="thumbs65"> <p class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> <img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p> <p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> Title goes here.</a></p> <p class="under_p6">Description: Description goes here.</p> <p>More: More info here.</p> </div> <div class="thumbs65"> <p class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> <img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p> <p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> Title goes here.</a></p> <p class="under_p6">Description: Description goes here.</p> <p>More: More info here.</p> </div> <div class="thumbs65"> <p class="l_fl"><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> <img src="tn_gm_ps_08.jpg" class="img_border" width="65" height="65" border="0" alt="tn_gm_ps_08.jpg" /></a></p> <p><a href="#" onmousedown="javascript:MM_openBrWindow('#','','width=600,height=636')"> Title goes here.</a></p> <p class="under_p6">Description: Description goes here.</p> <p>More: More info here.</p> </div> </div> <!-- END DIV "INNERCONTENTWRAP" /////////////// --> </div> <!-- END DIV "CONTENT" /////////////// --> <!-- BEGIN DIV "FOOTER" /////////////// --> <div id="footer"> <a href="sitemap.php" title="[Sitemap]">Sitemap</a>   <a href="dotcoms.php" title="[Dotcoms]">Dotcoms</a>   <a href="#" title="check css">CSS</a>   <a href="#" title="check xhtml">XHTML</a> </div> <!-- END DIV "FOOTER" /////////////// --> </div> <!-- END DIV "CONTAINER" /////////////// --> </body> </html> I would love some help... ugh, why does IE have to be such a pain in the **? Many many thanks in advance... Cheers Micky Last edited by mhulse : 27-10-2004 at 22:29. Reason: Forgot to subscribe! Ack!*

27-10-2004, 23:16	#2 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	Change: div.thumbs65 { float:left; width: 99.9%; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; } to div.thumbs65 { clear:both; width: 99.9%; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; } and : #innercontentwrap { width:99.9%; float:left; } to #innercontentwrap { width:500px; float:left; } 500px is the first number I tried, play around with it to see what the max it can take is That fixes it in IE6, IE5.5 and IE5.01 on PC - and still looks OK FF, but can't test on Mac. Matt Last edited by templeGreen : 27-10-2004 at 23:26.

28-10-2004, 04:28	#4 (permalink)
cam vague™ Join Date: Mar 2004 Location: Glasgow Posts: 5,126	the box model hack is a valid, and occasionally necessary, technique but it is possible to avoid it by simply not setting border and/or padding on a block level element which has a width value. in most cases you can get around this by adding another block level element inside this one and add the border/padding to that, although this could of course result in non-semantic code.. stick with the bmh for now, it does the job __________________ Random goodness at The Blog™

28-10-2004, 10:33	#7 (permalink)
lucidcreations Part of the 3 out of 4 Join Date: Feb 2003 Location: cheshire Posts: 2,081	What does 'clear: both' do as opposed to 'float:left'. I always find Moz stuffs up floats and Ie handles them fine. __________________ Jase

28-10-2004, 11:35	#13 (permalink)
cam vague™ Join Date: Mar 2004 Location: Glasgow Posts: 5,126	Yeah, I meant it's best to author in a browser that renders properly, as that way you'll get into the habit of producing proper, valid, well-structured code which you can then modify for compatibility in the shit browsers such as IE. Developing and testing in IE is fine if you know your target audience (e.g. intranet users) will be using that particular browser, but trying to use your way of working when producing sites that need to be as accessible as possible (e.g. display the same on Opera, Firefox, IE, Safari, IE/Mac, etc) is a sure way of giving yourself as much grief as possible, and it will most likely also have a knock-on effect on the quality of your code. __________________ Random goodness at The Blog™

28-10-2004, 00:12	#3 (permalink)
mhulse -------------------> Boo! Join Date: Aug 2004 Location: Eugene Oregon Posts: 14	Many thanks for looking my code over templeGreen! I really appreciate you taking the time to help me out... changing my code now... Quick question, what are your thoughts on using a box model hack (for IE/Win)? I ask this because I usually get my base CSS layouts from inknoise (the form has has the option to create the IE/Win box model hack): http://www.inknoise.com/experimental/layoutomatic.php ... Could the hack help also? Anyway, thanks again for your help! I can't thank you enough! Cheers Micky

28-10-2004, 10:03	#5 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	I have never used them, so can't really comment - I always code for IE first then other browsers. Matt

28-10-2004, 11:09	#9 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	Why is doing FF first the most logical development method? Most of my clients on have IE or NN - intranet stuff.

28-10-2004, 11:17	#11 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	So not FF first? That being my point

28-10-2004, 11:56	#14 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	My code is fine ta

28-10-2004, 16:07	#16 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	No - I fixed the code

28-10-2004, 16:13	#18 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,625	You use tables. Just an observation.

28-10-2004, 16:16	#19 (permalink)
templeGreen Registered User Join Date: Oct 2004 Location: London, UK Posts: 16	Don't remember saying I didn't

28-10-2004, 16:22	#20 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,625	ooh fiesty. My point was: The box model hack is designed to fix IE5's interpretation of the css box model. People who use tables won't have much need to use it.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search