Autor Zpráva
LK
Profil *
#1 · Zasláno: 23. 4. 2007, 15:46:13
Odpovědět Citovat
Ahoj potřeboval bych poradit mám takový problém s css s vlastností background.

Kód CSS :

body {
margin: 0px auto 0px auto;
margin-top: 0px;
padding-top: 0px;
text-align: center;
padding-bottom: 0px;
font-size: 14px;
}

.all {
width: 800px;
margin: 0px auto 0px auto;
backround: red;
}

.head {
width: 800px;
height: 120px;
background: url("../images/head.jpg") no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
}


.menu {
margin: 0px auto 0px auto;
width: 800px;
height: 34px;
margin-top:0px;
padding-top:0px;
background: url("../images/menu.jpg") no-repeat;
}




.main {
width: 800px;
background: url("../images/stred.jpg") repeat-y;

}

.main-obsah {
width: 800px;
}


.main-left {
float: left;
width: 511px;
}

.main-right {
width: 289px;
float:right;
}



.foot {
height: 51px;
width: 800px;
background: url("../images/foot.jpg");
clear: both;
text-align: right;
margin: 0px auto 0px auto;
}


Kód stránky:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web stránka</title>
<meta name="googlebot" content="index,follow" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div class="all">
<div class="head">


</div>

<div class="menu">


</div>

<div class="main">
<div class="main-obsah">
<div class="main-left">
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
</div>
<div class="main-right">

</div>
</div>
</div>
<div class="foot">

</div>


</div>
</body>
</html>

Problém ?!
Když mám pravý a levý sloupec tak se mi neopakuje pozadí co mám v main ale když
dám tyto dva sloupce pryč tak to funguje bez problému. Problém je Mozille
Firefox a Opeře v IE je to OK.

Díky...
Davex
Profil
#2 · Zasláno: 23. 4. 2007, 15:52:36
Odpovědět Citovat
Tipuji, že těsně pod těmi plaváčky chybí čistič - <br style="clear: both" /> . Mám teď jenom IE, takže to nemůžu vyzkoušet.
LK
Profil *
#3 · Zasláno: 23. 4. 2007, 15:56:22
Odpovědět Citovat
Ne ne to jsem teď vyzkoušel a nefunguje....

Ale děkuji za příspěvek
Davex
Profil
#4 · Zasláno: 23. 4. 2007, 16:10:43
Odpovědět Citovat
Pokud je obrázek na pozadí užší jak 800px, tak to bude tím repeat-y v 
.main { 

width: 800px; 

background: url("../images/stred.jpg") repeat-y; 

}
LK
Profil *
#5 · Zasláno: 23. 4. 2007, 16:13:43
Odpovědět Citovat
Ne ne obrázek je právě přesně na šířku 800px v IE to chodí ale v Mozille Firefox a opeře ne... :(
Davex
Profil
#6 · Zasláno: 23. 4. 2007, 16:20:44
Odpovědět Citovat
S tím čističem to musí chodit, teď jsem to zkoušel ve Firefoxu a Konqueroru 

<div class="main"> 

<div class="main-obsah"> 

<div class="main-left"> 

<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /> 

</div> 

<div class="main-right"> 



</div> 

<br style="clear: both" />

</div> 

</div>
LK
Profil *
#7 · Zasláno: 23. 4. 2007, 16:25:16
Odpovědět Citovat
JJ takhle to chodí díky moc...
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0