Jump to content
php.lv forumi

centrēšana ar CSS


jonass

Recommended Posts

veidoju dizainu ar CSS, bet problēma - centrējot <div> tagus ar margin:0 auto; iekš FF viss uzrādās centrā, bet IE kā parasti visu pa savam un atstāj malā, neko nenocentrēdams. vai kādam nav kāds risinājums iesakāms ar CSS centrēšanu.

 

P.S. skatījos profesionālu CSS dizainu CSS failus, bet tur arī vien tas margin : 0 auto, bet IE arī viss centrā. :huh: :unsure:

Link to comment
Share on other sites

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1257" />
<style type="text/css">
#body {
margin : 0 auto;
border : 1px solid black;
width : 300px;
}
</style>
</head>
<body>
<div id="body">objekti un saturs</div>
</body>
</html>

 

lūk, ierāmētais <div> iekš FF centrā, iekš IE malā.

Link to comment
Share on other sites

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1257" />
<style type="text/css">
body { 
 text-align: center;
}
#body {
 margin : 0 auto;
 border : 1px solid black;
 width : 300px;
 text-align: left;
}
</style>
</head>
<body>
<div id="body">objekti un saturs</div>
</body>
</html>

Īsti nezinu iemeslus kāpēc, bet šādi strādā.

Link to comment
Share on other sites

Vēl viens variants, kurš uz IE6 strādā:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<style type="text/css">
#body {
margin : 0 auto;
border : 1px solid black;
width : 300px;
}
</style>
</head>
<body>
<div id="body">objekti un saturs</div>
</body>
</html>

Link to comment
Share on other sites

×
×
  • Create New...