Mám problém, mám stránky rozvržené přes DIVy a vycentrované na střed. CSS styly mám v externím souboru. Hlavní stránky v PHP (jen kvuli funkci INCLUDE - pro nahrání menu, atd) Problém je v tom, že jsem vytvořil šablonu stránek, vč. CSS kódu, kde stránky byly vycentrované na střed, ale během jejich vytváření jsem zjistil, že se najednou ve
Firefoxu začaly zarovnávat doleva, místo na střed. V
IE se zarovnávají správně na střed.
BTW: Funkční jsou zatím jen kontakty, ČEZ a Kudy k nám.
www stránek
Kódy:
CSS:
body {
margin:0; padding:0;
background-color: #faf293;
text-align: center;
font-family: arial;
font-size: 15px;
}
#content {
width: 778px;
<!--height: 888px;-->
margin:1em auto 0em;
border: 4px groove #01A8EE;
text-align: left;
background: url('soubory/prouzek.png') 30% 0% repeat-y;
}
#logo {
float: left;
width: 778px;
margin:0; padding:0;
}
#logo-content {
margin:0; padding: 0;
height: 130px;
background: url('soubory/logo.jpg'); background-repeat: no-repeat;
}
#lista {
width: 778px;
margin:0; padding:0;
float: left;
border-bottom: 2px solid black;
}
#lista-content {
margin:0; padding: 0;
height: 22px;
background-color: #223C87;
text-align: center;
}
#sidebar {
float: left;
width: 165px;
margin:0; padding:0;
border-top: 4px solid #faf293;
}
#sidebar-content {
margin:0; padding: 0.5em 0 0 0;
text-align: center;
}
#main {
margin:0 0 0 25%; padding:0;
}
#main-content {
margin:0; padding: 0em 0.5em;
}
hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}
a {
color: blue;
}
a:hover {
color: red;
}
a:visited {
color: blue;
}
h1 {
font-size: 21px;
color: black;
font-weight: normal;
}
h2 {
font-size: 16px;
font-weight: bold;
color: black;
}
.ss {
font-size: 16px;
color: black;
font-weight: bold;
}
.cez {
color: #de4e25;
font-weight: bold;
}
index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JK Elstav - Stavební firma</title>
<link rel="stylesheet" type="text/css" href="styly.css">
</head>
<body>
<div id="content">
<div id="logo"><div id="logo-content">
</div></div>
<div id="lista"><div id="lista-content">
<?php include('lista.html'); ?>
</div></div>
<div id="sidebar"><div id="sidebar-content">
<?php include('menu.html'); ?>
</div></div>
<div id="main"><div id="main-content"> <p>
</div></div>
<hr class="cleaner" />
</div>
| <a href="webdesign.php">Pavel Klásek</a> | <a href="webdesign.php">Vávlav Novotný</a> |
</body>
</html>
Diky
