Autor Zpráva
klasounek
Profil
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">&nbsp;<p>

</div></div>


<hr class="cleaner" />


</div>


|&nbsp;<a href="webdesign.php">Pavel Klásek</a>&nbsp;|&nbsp;<a href="webdesign.php">Vávlav Novotný</a>&nbsp;|


</body>
</html>



Diky
Leo
Profil
Tohle dela v CSS co?

<!--height: 888px;-->

Leo
klasounek
Profil
Díky moc, nevím jak se to tam mohlo dostat :) Výšku jsem tím vyřadil z provozu, ale nějak jsem si nevšiml(jelikož jsem pracoval v rozlišení 800x600), že to narušilo další funkci(center).
Leo
Profil
Komentar v CSS je takhle:

/* ...... */

Leo
klasounek
Profil
díky
Toto téma je uzamčeno. Odpověď nelze zaslat.