What is wrong with my Opera? [Archive]

eremus77

1st May 07, 10:27 AM

How can I get Opera to interpret the code in the way IE does?
Here is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>question</TITLE>

<style type="text/css">
body { font-family : Verdana, sans-serif; font-size:10pt}
img { border : none;}
div { margin : 0px; border : none;
padding : 0px;}

#page {
margin : auto;
border : 1px solid #000000;
padding : 0px;
width : 758px;
background : #FF1F1F;
}
#header {
width : 758px;
border : 1px solid #000000;
background : #C6D7C6;
}
#leftColumn {
background : #761FFF;
margin : 0px;
border : none;
padding : 0px
width : 180px;
display: block;
float : left;
}
#firstimage {
margin : 0px;
padding-bottom : 14px;
width : 110px;
height: 300px;
float : left;
text-align : center;
background : #FEFF9F;
}

#menuVertical {
width: 180px;
clear : left;
float : left;
background : #DF9FFF;
}
#rightColumn {
margin : 0px;
border : none;
border-top : 1px solid black;
border-left : 1px solid black;
border-bottom : 1px solid black;
padding : 0px;
width : 577px;
clear: none;
float : left;
background : #1FFF7C;
}
#footer {
border : 1px solid #000000;
width : 758px;
background : #C6D7C6;
clear: both;
}
</style>
</head>

<body>
<div id="page">
<div id="header">
<p>hedaer</p>
</div>
<div id="leftColumn">
<img src="http://www.ungdomar.vel.pl/image.jpg">
<div id="menuVertical">
<p>Left Column ba ba ba ba ba</p>
</div>
</div>
<div id="rightColumn">
<p>rightColumn</p>
</div>
<div id="footer"><p>footer</p> </div>
</div>
</body>
</html>

dbldutch

1st May 07, 12:13 PM

In "#leftColumn" the your padding line does not end with a ";". This will pull things together. Also, I'd add width and height attributes to your image. The about of space above and below the text is due to the fact that your "p" tags have a margin, you'd have to set that to 0 to have it show up the same way it is in IE.

I'd look into how to setup proper XHTML/CSS files, your page starts out with uppercase tag names and ends with lowercase names. Its a good idea to be as consistant as you can to have things show up the same in all of the different browsers.

eremus77

1st May 07, 02:20 PM

thanks. Simple errors are hardest to detect;)

craig

1st May 07, 03:22 PM

Worst type of errors are spelling mistakes I was sat here for an hour trying to fix this CSS error I had.

I was trying everything, I was using Hacks, asking for help then I realized I had put "letf" instead of "left"