+- 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: Pozycjonowanie, problem po dodaniu div'a (/thread-pozycjonowanie-problem-po-dodaniu-div-a)
Pozycjonowanie, problem po dodaniu div'a - Tom1988p - 23-09-2009
RE: Pozycjonowanie, problem po dodaniu div'a - pRzemo - 25-09-2009
Jest kilka rozwiązań tego problemu. Ja "opatuliłem" #menu3 i #menu4 dodatkowym divem i przypisałem mu wartość float:right, jednocześnie usuwając tę właściwość z #menu3 i 4.
HTML:
Kod:
...
<div id="block">
<div id="menu3">
<h3>Menu 3</h3>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
<!-- koniec div menu3 -->
<div id="menu4">
<h3>Menu 4</h3>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
<!-- koniec div menu4 -->
</div>
...CSS:
Kod:
#kontener {
margin-left: auto;
margin-right: auto;
width: 900px;
border: medium dashed;
}
#baner {
height: 142px;
border: medium solid #33CC00;
}
#menu1 {
height: 50px;
width: 900px;
border: 3px double #2288EE;
}
#menu2 {
float: left;
}
#block {
float: right;
}
#tresc {
float: left;
border: medium dotted;
width: 450px;
}
#menu2, #menu3, #menu4 {
border: 3px double #2288EE;
width: 200px;
}
#menu1, #menu2, #menu3, #menu4, #tresc, #baner {
text-align: center;
}Pozwoliłem sobie na usunięcie niektórych właściwości.
