/    Sign up×
Community /Pin to ProfileBookmark

css IE6 positioning

IE6’s bug suite is really starting to hack me off. Here is the page i’m working on: [URL=http://www.spectruminsuranceinc.com/freequote.html]http://www.spectruminsuranceinc.com/freequote.html[/URL]. By tweaking the css properties a little, i can get this page to display perfectly in Mozilla Firefox. IE6 spits it back in my face and i can’t figure out how to fix it. I’ve tried changing the padding on the containing and child div’s and still nothing. Here’s the CSS.

[CODE]*{
margin:0;
padding:0;
list-style:none;

}
//this is for the child div//

[COLOR=Red][B].word{position:absolute;top: 190px;left: 400px;}[/B][/COLOR]

div.domtab{
padding:0;
width:80%;
font-size:90%;
margin-left: auto;
margin-right: auto;
}
ul.domtabs{
float:left;
width:100%;
margin:2em 0 0 0;
}
ul.domtabs li{
float:left;
padding:0 .5em 0 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
width:8em;
padding:.2em 1em;
display:block;
background:#dcd077;
color:#000;
height:3em;
font-weight:bold;
text-decoration:none;
}

ul.domtabs a:hover{
background:#d5c54c;
}
div.domtab div{
clear:both;
width:auto;
border: 7px solid #d5c54c;
background:#fff;

color:#000;
padding:1em 3em;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
background:#d5c54c;
color:#000000;
}
#domtabprintview{
float:right;
padding-right:1em;
text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
color:##0000FF;
}
p{
margin:0 0 .5em 0;
line-height:1.3em;
}

h2{
font-size:1.3em;
color:#000;
text-transform:uppercase;
font-family:”Trebuchet MS”,Arial,Sans-Serif;
padding:0 0 .7em .2em;
}
h1{
font-size:.4em;
text-align:left;
font-weight:normal;
font-family:”Trebuchet MS”,Arial,Sans-Serif;
padding:.5em 0;
background:#fff;
border-bottom:1px solid #fff;
}
pre{
font-size:1.2em;
padding:1em;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
color:##0000FF;
display:block;
font-weight:bold;

}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
color:#000;
display:inline;
padding:0;
font-weight:normal;
font-size:1em;
}[/CODE]

to post a comment
CSS

11 Comments(s)

Copy linkTweet thisAlerts:
@The_Little_GuySep 13.2006 — try to remove that line.
Copy linkTweet thisAlerts:
@drhowarddrfineSep 13.2006 — Validate to find your missing div error. You also have two css errors.
Copy linkTweet thisAlerts:
@15hoursNowauthorSep 13.2006 — found missing div and added, but that did nothing. And i have no idea what css errors you're talking about
Copy linkTweet thisAlerts:
@15hoursNowauthorSep 13.2006 — Congratulations!

This document validates as CSS!

AND

This Page Is Valid HTML 4.01 Transitional!


Now can you actually try to give me an answer instead of some validation bull****. I knew there was an error or two, but i also knew that it had nothing to do with the problem i'm having, just as you should by looking at it.
Copy linkTweet thisAlerts:
@drhowarddrfineSep 14.2006 — [URL=http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you]Why we won't help you.[/URL]
Copy linkTweet thisAlerts:
@ray326Sep 14.2006 — I made the following changes
<i>
</i> .word{margin:0 0 0 13em;}


<i> </i> div.domtab{
<i> </i> padding:0;
<i> </i> width:760px;

and floated the form left and it started to look better but I can't see what the interaction is between the form and the .word that is keeping it from floating up to the right of the form.
Copy linkTweet thisAlerts:
@15hoursNowauthorSep 14.2006 — Thanks Ray. That did the trick, renders perfectly in IE and in Firefox now after tweaking the position of the child div a little.
Copy linkTweet thisAlerts:
@15hoursNowauthorSep 14.2006 — [URL=http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you]Why we won't help you.[/URL][/QUOTE]


[URL=http://www.jokertees.com/products_img/d_22.gif]You can kiss my butt.[/URL]
Copy linkTweet thisAlerts:
@JPnycSep 14.2006 — [URL=http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you]Why we won't help you.[/URL][/QUOTE]
If you do not wish to answer a user's question, you're certainly free to not answer. However in that event please do NOT post in their thread at all. Thank you
Copy linkTweet thisAlerts:
@drhowarddrfineSep 14.2006 — I did answer his question and received this answer.
Now can you actually try to give me an answer instead of some validation bull****.[/QUOTE]So I guess you are validating his answer and condoning his behavior? In that case, I will go elsewhere.
Copy linkTweet thisAlerts:
@EOBeavSep 15.2006 — Yeah, validation is is the first thing you want to look at when something doesn't work right. Doing anything else is a waste of time until it validates.
×

Success!

Help @15hoursNow 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 4.29,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...