Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
FF & Opera vs IE...postioning nightmare
Old 05-14-2008, 05:29 PM FF & Opera vs IE...postioning nightmare
Korzonek's Avatar
Skilled Talker

Posts: 60
Name: Michael
Location: Warsaw
Trades: 0
Can anyone tell why IE is still in use??)anyway I have a problem cause I can't get the same effect in IE as in FF.

http://www.barmania.yoyo.pl/admin/marmolada.php

css-----

div.main {width:40%;height:400px;background:red;margin-left:15%;}
div.left{width:15%;height:400px;float:left;backgro und:green;}
div.baner {width:100%;height:80px;backgroundink}

div.skladniki{float:left;background:green; height:40%;width:41%;margin-left:14%;margin-top:20%}

div.opiss{float:left;background:yellow;width:81%;f loat:right;margin-right:5%;}
div.zdjecie{float:right;background:blue;height:60% ;width:30%;margin-right:5%; margin-top:4%;margin-bottom:2%}
Korzonek is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-14-2008, 07:28 PM Re: FF & Opera vs IE...postioning nightmare
seocd's Avatar
Super Talker

Posts: 128
Name: Ryan
Trades: 0
not quite sure what you are asking....are you trying to get them to look the same?
__________________
SEO Compatible
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
seocd is offline
Reply With Quote
View Public Profile
 
Old 05-15-2008, 08:44 AM Re: FF & Opera vs IE...postioning nightmare
Korzonek's Avatar
Skilled Talker

Posts: 60
Name: Michael
Location: Warsaw
Trades: 0
yes, in IE as in FF
Korzonek is offline
Reply With Quote
View Public Profile
 
Old 05-15-2008, 11:21 AM Re: FF & Opera vs IE...postioning nightmare
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
div.skladniki{float:left;background:green; height:40%;width:41%;margin-left:14%;margin-top:20%}
Ok, part of your problem is right there - float:left with margin-left: 14%; means IE will DOUBLE that 14% to 28% ! It's called the doubled-float margin bug and it's actually quite easy to kill. You need a separate CSS file for IE bug fixes, and you need to use Conditional Comments to reference that separate css file, and ONLY IE will read the conditional comments.

In the 'fixes' css file you'll need to add display:inline to any div or element where you've got float with a margin in the same direction. In the above example you'd need this:

div.skladniki{display: inline;}

You can read about this bug (and lots of other IE bugs), with solutions here:
http://www.positioniseverything.net/...ed-margin.html

You have a couple of other problems: you're missing the closing </div> tag for "main"; and this -
Quote:
<div id="1fp21eaqs112us" style="display: none">
ID's can NOT start with a number.

Lastly, you have not CLEARED your floats, and you must do so for everything to work correctly.
http://css-discuss.incutio.com/?page=ClearingSpace
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to FF & Opera vs IE...postioning nightmare
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.43462 seconds with 12 queries