+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [Css] problem z tłem w divach (/thread-css-problem-z-tlem-w-divach)
[Css] problem z tłem w divach - Tiburon - 17-09-2009
Witam!
mam problem z divami, mianowicie robiac strone podzielilem ja na 4 czesci dwie na górze to loga, a nizej #menu i #tresc, problem polega na tym ze tlo w menu i tresci jest obrazkowe i gdy np: w #tresci jest wiecej napisow niz w # menu to niestety tlo nemu nie rozciaga sie rownomiernie z #trescia, jak mozna to zmienic?
Oto kod Css
Kod:
html, body {
background-color: #F1D8AE;
color: #000;
margin: 0;
padding: 0;
}
#razem{
background-color: #F1D8AE;
padding: 0;
}
#logol{
margin-left: 12%;
width:265px;
height: 257px;
float: left;
overflow: hidden;
position: relative;
background-image: url(logol.jpg);
background-repeat: no-repeat;
}
#logo{
float: left;
width: 629px;
overflow: hidden;
position: relative;
height: 257px;
background-image: url(logo.jpg);
background-repeat: no-repeat;}
#menu{
margin-left: 12%;
float: left;
background-image: url(menu.jpg);
background-repeat: repeat-y;
width: 265px;
overflow: hidden;
position: relative;}
#tresc{
float: left;
width: 629px;
overflow: hidden;
position: relative;
background-image: url(tresc.jpg);
background-repeat: repeat-y}kod html
Kod:
<BODY>
<div id="razem">
<div id="logol"></div>
<div id="logo"></div>
<div id="page">
<div id="menu">
<div align="center">
<br>Tresc
<br>Tresc
<br>Tresc
<br>Tresc
<br>Tresc
<br>Tresc
<br>Tresc
</div align>
</div>
<div id="tresc">
<div align="center">
<br>Tresc
<br>Tresc
<br>Tresc
</div align>
</div>
</div>
<div id="stopka"></div>
<div id="stopka1">Design by Zabir</div>
</BODY>
</HTML>RE: [Css] problem z tłem w divach - mar22 - 17-09-2009
mozesz np zrobic tak:
Kod:
html, body {
background-color: #F1D8AE;
color: #000;
margin: 0;
padding: 0;
}
#razem{
float:left;
background-color: black;
height:100%;
padding: 0;
}
#logol{
margin-left: 12%;
width:265px;
height: 257px;
float: left;
overflow: hidden;
background-color: yellow;
background-repeat: no-repeat;
}
#logo{
float: left;
width: 629px;
overflow: hidden;
height: 257px;
background-color:black;
background-repeat: no-repeat;}
#menu{
margin-left: 12%;
float: left;
background-color:green;
background-repeat: repeat-y;
width: 265px;
overflow: hidden;
height: 55%;
}
#tresc{
float: left;
width: 629px;
overflow: hidden;
height: 55%;
background-color:blue;
background-repeat: repeat-y}
#stopka{
clear:both;
background-color:aqua;
text-align:right;
}Kod:
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="styl.css" />
</head>
<body>
<div id="logol"></div>
<div id="logo"></div>
<div id="menu">
<div align="center">
<br/>Tresc
<br/>Tresc
<br/>Tresc
<br/>Tresc
<br/>Tresc
<br/>Tresc
<br/>Tresc
</div>
</div>
<div id="tresc">
<div align="center">
<br/>Tresc
<br/>Tresc
<br/>Tresc
</div>
</div>
<div id="stopka">Design by Zabir</div>
</body>
</html>RE: [Css] problem z tłem w divach - Tiburon - 18-09-2009
Ale w Twoim sposobie jest problem taki ze ograniczam ilosc dodawania tekstu, a ja chce, aby obie strony byly rownomiernie wysokie, bez wzgledu na tresc, a gdy tresc jest wieksza niz rozmiar strony to nie ucinalo mi jej.
Chciałbym jeszcze zapytac jak wysrodkowac wszystkie divy na srodek strony, dodam ze margin:0 auto nie dziala, marginesy sie zmieniaja pod roznymi rozdzielczosciami ekranu, a ja chcialbym wysrodkowac bez wzgledu na rozdzielczosc.