+- 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: div obok div'a (/thread-div-obok-div-a)
Strony:
1
2
RE: div obok div'a - pro - 25-06-2009
Ok, super dzięki. Ale teraz mam tak:
Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>xdd</title>
<meta name="Keywords" content="ziiioommm" />
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Author" content="lol" />
<link rel="Shortcut icon" href="img/i4.png">
</head>
<body style="background-color: #daebf8;">
<center>
<div id="wrap">
<div id="menu">
<a href="index.html" onmouseover='rollover.src="img/strona_glowna2.png"' onmouseout='rollover.src="img/strona_glowna1.png"'><img src="img/strona_glowna1.png" name="rollover" border="0"></a><br>
</div>
<div id="tresc"xddddxxaxaxsa asda</div>
</div>
</body></html></center>Kod:
#menu{
background-color: #daebf8;
width:210px;
height:320px;
float: left;
}
#tresc{
background-color: #daebf8;
width:450px;
height:350;
}
#wrap {
width: 960px; //przykład
margin: 0px auto;
}RE: div obok div'a - Marcin - 02-07-2009
Jeśli chcesz idealnie na środku to najlepiej dać jakiś wrapper dookoła elementów, które chcesz wyśrodkować. Załóżmy, że jest to cała strona podzielona na dwie kolumny.
Kod CSS
Kod:
#wrapper {
width: 960px;
margin: 0 auto;
}
#left {
width: 360px;
float: left;
}
#right {
width: 600px;
float: right;
}I teraz w pliku html, php, whatever robisz coś takiego
Kod:
<div id="wrapper">
<div id="left">
lewa kolumna
</div>
<div id="right">
prawa kolumna
</div>
</div>W załączniku przykładowy plik .html
RE: div obok div'a - Leja - 02-07-2009
nie trzeba pisać 0 auto;
Cytat:#wrapper {
width: 960px;
margin: 0 auto;
}
można tak
Cytat:#wrapper {
width: 960px;
margin: auto;
}
ale to chyba nie jest ważne
RE: div obok div'a - Marcin - 02-07-2009
Ja mam takie przyzwyczajenie, że o ile nie potrzebuje żadnego marginu od góry i dołu to daje 0 a nie auto, stąd tak a nie inaczej zaproponowałem. Jeśli nie ma takiej konieczności wystarczy samo auto.