*another CSS Q
- Started
- Last post
- 6 Responses
- popovich
okay, let's see.
CSS:
div#menuMain, div#textMain {
display: block;
position: relative;
margin: auto;
width: 50%;
height: 100%;
padding: 8px 8px 8px 8px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000;
text-align: left;
}div#menuMain {
float: left;
background-color: #fff;
}div#textMain {
float: right;
}a {
display: block;
width: 100%;
font-weight: bold;
text-decoration: none;
background-color: #CFCFCF;
color: #F9F9F9;
margin: 0px;
padding: 3px 5px 3px 5px;
border-left: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
border-right: 1px solid #BEBEBE;
border-bottom: 1px solid #BEBEBE;
}xHTML:
<div id="menuMain">
<a href="web">» web</a>
<a href="print">» print</a>
<a href="strategie">» strategie</a>
</div>
<div id="textMain">
Welcome
</div>
</div>here are the screenshots.
I want this to look like IE renders it.
- rise0
that's never gonna happen, ;]
Why, you might be wondering? Because mozilla renders some CSS very queer.
Validate your css first: http://jigsaw.w3.org/css-validat…
- popovich0
it validates alright - just some warnings about background-colors.
Well, I thought Mozilla is the standards-compliant, which means, it can do everything alright. hmm..
- rise0
it is, it's strict tho, unlike ie, which lets you get away with murder.
- popovich0
okay, so tell me how I do it in THE right way, so not only IE understand what I want. :)
- popovich0
b
u
m
p
- popovich0
two bumps in a row, huh? ;) anyone could help? sp?:))