Sent by Gunlaug_Sørtun on 8 August 2007 23:11
Tomasz Tybusz wrote:
> I made a theme for php-nuke based on css and divs. This is sample
> page http://www.nsst.pl/wakacje/modules.php?name=ZClassifieds I have
> problem with Opera Browser. Other browsers like IE or Firefox display
> this page correctly. In Opera div named tres is moved on the left.
> CSS for this site:
> http://www.nsst.pl/wakacje/themes/wakacjev1/style/style.css
> What is wrong?
Your CSS doesn't make sense, so browsers are guessing. We call it
"error-recovery" and it isn't standardized across browser-land.
Correct the relevant styles to...
..tresc {
font-family : Tahoma, Verdana, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #588fc7;
z-index : 4;
background-color : #ffffff;
width : 395px;
padding : 0 15px 0 5px;
margin : 0 0 0 2px;
overflow : auto;
position : absolute;
left: auto;
top: 150px;
right: 6px;
bottom: 10px;
height: auto;
}
....and add...
* html .tresc {
height: 100%;
}
#main {
position: relative;
}
This will establish a relationship between the #main container and the
..tresc container, and use proper positioning for the latter to solve the
height-issue in the good browsers. IE6 gets the '* html' hacked
workaround since it doesn't understand 4-edge positioning.
The doctype you use triggers old 'quirks mode'. Although the differences
between 'quirks mode' and 'standard mode' rendering are few for your
page, I'll advise you to use a 'standard mode' triggering doctype.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
....will work just fine.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
