Autor Zpráva
klasounek
Profil
#1 · Zasláno: 14. 3. 2006, 21:27:44
Odpovědět Citovat
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
#2 · Zasláno: 14. 3. 2006, 21:37:07
Odpovědět Citovat
Tohle dela v CSS co?

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

Leo
klasounek
Profil
#3 · Zasláno: 14. 3. 2006, 21:50:57
Odpovědět Citovat
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
#4 · Zasláno: 14. 3. 2006, 21:54:34
Odpovědět Citovat
Komentar v CSS je takhle:

/* ...... */

Leo
klasounek
Profil
#5 · Zasláno: 14. 3. 2006, 21:59:27
Odpovědět Citovat
díky
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0