Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
div obok div'a
#11
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;
}
I div'a tresc mam idealnie na środku, ale div'a menu po jego prawej stronie (nie tak jak wcześniej, że całkiem po lewej). A ja chcę żeby wszystko było idealnie na środku.
Odpowiedz
#12
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


Załączone pliki
.html   2-column-layout.html (Rozmiar: 661 bajtów / Pobrań: 2)
Odpowiedz
#13
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
Odpowiedz
#14
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.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  USTAWIENIE GADZETOW OBOK SIEBIE burgeros 3 4,956 27-01-2015, 15:02
Ostatni post: mateo
  [css] div obok diva; hover nana 2 2,858 11-12-2012, 23:56
Ostatni post: nana
  [css] Div obok diva Mtk 7 6,062 07-10-2012, 01:54
Ostatni post: Mtk
  Dwa elementy menu obok siebie kingu80 3 3,441 17-08-2012, 17:15
Ostatni post: Kartofelek
  [css] nie potrafie ustawic 2 divow obok siebie grzesiek77 11 7,834 22-05-2012, 22:58
Ostatni post: Moody

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl