homepage Welcome to WebmasterWorld Guest from 54.204.215.209
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Accredited PayPal World Seller

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
trouble with floats
dukelips




msg:3635092
 3:21 pm on Apr 25, 2008 (gmt 0)

i m designing a new page with css. the page is designed as a 3 column layout with floats.

The layout appears normal in ie 7 and firefox but one of the column appears below the others in ie 6.

can anyone suggest a fix

 

RedTCat




msg:3635102
 3:35 pm on Apr 25, 2008 (gmt 0)

Be careful with widths of the DIV's. Allow for an extra 3px space between each floated DIV in IE6 as it adds extra space between floated DIV's.

dukelips




msg:3635190
 5:08 pm on Apr 25, 2008 (gmt 0)

any hacks

Marshall




msg:3635302
 6:51 pm on Apr 25, 2008 (gmt 0)

Set your <div> margins to zero then set the left margin for both your center and right <div> to whatever distance you want them to be spaced. Do not forget that borders and padding will affect the overall width of a <div> too.

Marshall

swa66




msg:3635553
 2:36 am on Apr 26, 2008 (gmt 0)

Make the width of the parent wider, or the width of the childern smaller for IE6 only using a conditional comment.

I'm not into "hacks" as I believe they make the world a worse place in the long run.

dukelips




msg:3635666
 9:33 am on Apr 26, 2008 (gmt 0)

shd i use boxhack for ie 7 or is it negated in ie 7.

Css designs can be cool if its a straight forward web design but with table like structure inside a page leads to much confusion

dukelips




msg:3636215
 4:00 pm on Apr 27, 2008 (gmt 0)

PLEASE CLARIFY

SHD WE USE HACKS FOR THE BOX MODEL IN IE 7

swa66




msg:3636432
 4:01 am on Apr 28, 2008 (gmt 0)

I try to avoid all hacks. Conditional comments in IE will do the trick.

I use this:

<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

First make it work in firefox/safari/opera ... (anything but IE),
once you're happy there, move to IE and fix the problems of rIE6 and IE7 in their file that you put on top of the standards compliant one.

You should be able to keep it hack free that way.

dukelips




msg:3636449
 4:47 am on Apr 28, 2008 (gmt 0)

swa66 tx for your help.

my question is ie implements the box model differently .Is it corrected in IE7 or is it the same .

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved