Dwa sąsiadujące ze sobą divy źle się układają mimo float:left itp.

pytanie zadane 27 stycznia 2018 w HTML i CSS przez Oskar4002 Początkujący (470 p.)

ogolnie chciałbym ułożyć divy nav i content po kolei od lewej ale mimo float:left układają się pod sobą ... próbowałem już zmieniać wielkości divów. Na screenie strony zmienilem kolory tych divow żeby były lepiej widoczne.

1	komentarz 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.) Wstaw jak cywilizowany człowiek kod w bloczki code (ostatni przycisk), to Ci pomogę, a jak nie ja, to ktoś inny. Screenów kodu nie wstawiamy...

2 odpowiedzi

odpowiedź 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
wybrane 27 stycznia 2018 przez Oskar4002

Najlepsza

Masz dwa błędy, przez które w ogóle Ci nic (albo w sposób losowy) nie będzie działać:

<div id"nav">

brakuje: =

<div class="optionL">redstone<div>

Brakuje: / - a więc nie zamykasz diva, a tworzysz nowy.

Ponadto nie stylujemy po id (zawsze po klasach - class), te <br> ci nie są Ci potrzebne, no i ogólnie polecam jeszcze troszkę poczytać i popatrzeć jakieś tutoriale, bo się będziesz męczył niepotrzebnie. :)

komentarz 27 stycznia 2018 przez Oskar4002 Początkujący (470 p.)

Dopiero zacząłem się uczyć z tutorialami na kanale "pasją informatyki" i dotąd wszystko było ok aż do class, w każdym razie bardzo dziękuję za pomoc :)

komentarz 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Ok, powodzenia. :)

odpowiedź 27 stycznia 2018 przez Oskar4002 Początkujący (470 p.)

HTML:

<div id="topbar">
				<div id"nav">
					<br>
					<div class="optionL">informacje</div><br>
					<div class="optionL">katalog</div><br>
					<div class="optionL">redstone<div><br>
					<div class="optionL">survival</div><br>
					<div class="optionL">budowle</div><br>
					<div class="optionL">kanaly yt</div><br>
				</div>
			
				<div id="content">
					
					<Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst>
				</div>
			</div>

CSS:

#topbar
{
	background-color: red;
	width: 940px;
	padding: 10px;
	
}
#nav
{
	background-color: #4c4c4c4;
	float: left;
	min-width: 50px;
	min-height: 30px;
	padding: 10px;
}

#content
{
	background-color: #005000;
	float:left;
	min-width: 500px;
	min-height: 200px;
	color: #000000;
	padding: 10px;
}