Skocz do zawartości

Dwa divy obok siebie centralnie na stronie

fryta22

Przez fryta22
w HTML i CSS

Rekomendowane odpowiedzi

fryta22 Newbie

fryta22

Opublikowano
Opublikowano

Witam.

Szanowni koledzy, męczę się i już od zmysłów odchodzę, muszę zrobić dwa divy obok siebie (z odstępem między DIVami), centralnie na stronie, niby prosta sprawa ale jak tego dokonać, żadne float:left nie pomagają albo ja nie do końca wiem jak tego dokonać ??

Zawartość index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>jjjjjjjjj</title>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css" media="screen" /> 	
</head>

<body>
<div id="container">
iiiiiiiiiiii
dddddddddddddddddddd
dddddddddddddd
</div>

<div id="container">
iiiiiiiiiiii
dddddddddddddddddddd
dddddddddddddd
</div>

</body>
</html>

Zawartość styli:

*, a{
padding:0px;
margin:0px;
text-decoration:none;
color:#000000;
}

body{
background-color:#222222; 	
}

#container{
	float:left;
width:400px;
height:350px;
margin-top: 100px;
margin-left:auto;
margin-right:auto;
background-color:#999999;
}

Odnośnik do komentarza
Udostępnij na innych stronach
sirkus Newbie

sirkus

Opublikowano
Opublikowano

przykładowo szybko i nie najładniej można to wykonać tak:

<div id="kontener_glowny" style="width:1000px; margin:0 auto;">

<div id="kontener_1" style="float:right; width:490px;">
</div>

<div id="kontener_2" style="float:left; width:490px;">
</div>


</div>

i wtedy masz 1 kontener główny o szerokości 1000px wyśrodkowany, a w nim 2 o szerokości 490px z przerwą miedzy nimi wynoszącą 20px

oczywiście przydałoby się oddzielić styl od htmla :D

Odnośnik do komentarza
Udostępnij na innych stronach
fryta22 Newbie

fryta22

Opublikowano
  • Autor
Opublikowano
przykładowo szybko i nie najładniej można to wykonać tak:

<div id="kontener_glowny" style="width:1000px; margin:0 auto;">

<div id="kontener_1" style="float:right; width:490px;">
</div>

<div id="kontener_2" style="float:left; width:490px;">
</div>


</div>

i wtedy masz 1 kontener główny o szerokości 1000px wyśrodkowany, a w nim 2 o szerokości 490px z przerwą miedzy nimi wynoszącą 20px

oczywiście przydałoby się oddzielić styl od htmla :D

Super, dzięki, w sumie prosta sprawa, treść od styli oczywiście oddzielę, dzięki.

Odnośnik do komentarza
Udostępnij na innych stronach
zuymen Newbie

zuymen

Opublikowano
Opublikowano

Jak będziesz używał id="nazwa" więcej niż raz na stronie to Cię walidator okrzyczy, że ch...nie odstawiasz :-) Jak chcesz używać jakiegoś stylu kilka razy to używaj class=""

Jestem właścicielem SEMURAI - agencja SEO oraz właścicielem VRnews.pl - wirtualna rzeczywistość

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności