I have a layout with 4 div (you see it at
http://abmcr.altervista.org/Tullio/a.html): if you have a low resolution
the image in cut off in the top of the screen and the page is correctly
visible at http://abmcr.altervista.org/Tullio/b.html where in the css
style i hare removed the top:50%). What tip i use for vertical
centering the content for only resolution screen
<html>
<head>
<link rel="stylesheet" type="text/css" href="e_style.css" >
</head>
<body>
<div id="corpo">
<div id="new_div">
<div id="tullio_alto">
</div><!-- tullio_alto -->
<div id="tullio_content">
<img src="images_01/prova.png" border="0" alt="">
</div><!-- tullio_content -->
<div id="tullio_content2">
</div><!-- tullio_content -->
<div id="tullio_stacco">
</div><!-- tullio_content -->
<div id="tullio_menu">
<img src="immagini/menu.png" width="304" height="30" border="0"
alt="">
</div><!-- tullio_menu -->
</div>
</div><!-- center -->
</body>
</html>
the follow css is:
body {
height:100%;margin:0 ;
}
*#new_div { height: 100%;
width: 100%;
margin:0 0 0 0;
}
*#corpo { height: 572px;
width: 779px;
position:absolute;
left:50%; top:50%;
margin:-390px 0 0 -500px;
}
*#tullio_alto {
background: url(immagini/tullio1.png);
background-repeat: no-repeat;
height: 41px;
width: 779px;
}
*#tullio_content {
background: url(immagini/content1.png);
background-repeat: repeat;
height: 450px;
width: 779px;
padding-left:310px;
}
*#tullio_content2 {
background: url(immagini/content2.png);
background-repeat: repeat;
height: 50px;
width: 779px;
}
*#tullio_stacco {
height: 30px;
width: 1px;
}
*#tullio_menu {
height: 30px;
width: 779px;
padding-left:265px;
}
What i do? Please excuse my very bad english language. Best regards, ciao
--
Andrea Bersi
Applicazioni WEB
Linux user number 387233
Ubuntu Linux 5.04
http://abmcr.yeur.net
[EMAIL PROTECTED]
+393478868920
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
