Forum PHP.pl > [HTML+CSS]Problem z pozycjonowaniem divów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML+CSS]Problem z pozycjonowaniem divów

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

ghastblood

1.03.2010, 16:19:46

Witam mam problem z rozłożenie divów na stronie

Mój problem polega na tym że div od logowania wyświetla się dopiero jak skończy się div z nogami postaci

Tak wygląda szkic:

Opis:

1.header po prawej stronie 2 postaci
2.menu poziome
3.obrazek łączący header postacie z (1 i 4)
4. Nogi postaci
5.logowanie
6.statystyki strony
7.statystyki forum
div 663 x74 px miejsce na reklamę

[HTML] pobierz, plaintext 
<html>
<head>
<title>strona</title>
<link rel="Stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">#HEADER >> Postacie (1) <div>
<div id="menup">#MENU(2)</div>
<div id="menu">#MENU(2)</div>
<div id="hahlan">#POSTACIE(3)</div>
<div id="reklama">#REKLAMA</div>
<div id="richard">#NOGI POSTACI (4)</div>
<div id="logowanie">#LOGOWANIE(5)</div>
</body>
</html>
[HTML] pobierz, plaintext

CSS:

[HTML] pobierz, plaintext 
* {
       margin: 0px;
       padding: 0px;
   }
 
html, body		{
       color: #DEDBD1;
       font-size: 12px;
       font-family: Verdana, Tahoma, Arial;
       background-color: #474747;
				}
 
body			{
       margin: 50px;
				}
 
div#header		{
		width: 997px;
		height: 301px;
        background-color: #F6F7EE;
				}
 
div#menup		{
		width: 11px; 
		height: 41px; 
		display: inline;
		float: left; 
 
        background-color: #474747;
				}
 
div#menu		{
       width: 652px;
       height: 41px;
       display: inline; 
       float: left; 
       background-color: #474747;
				}
 
div#hahlan		{
       width: 334px; 
       height: 41px;
       float: left;
       display: inline; 
       background-color: #F6F7EE;
				}
 
div#reklama		{
       width: 662px;
       height: 74px; 
	   display: inline; 
	   float: left; 
       background-color: #474747;
				}
 
div#richard		{
		width: 334px; 
		height: 345px; 
		display: inline; 
		float: left;
		background-color: #F6F7EE;
				}
 
div#logowanie	{
		width: 310px;
		height: 130px;
		display: inline; 
		float: left; 
		background-color: #474747;
				}
[HTML] pobierz, plaintext

z góry dziękuję za pomoc

Pozdrawiam
Ghastblood

PS:Dopiero się uczę

Maciek1705

1.03.2010, 20:29:28

ja bym Ci radził zrobić to inaczej w większości przypadków w css masz display:inline; to jest bez sensu patrząc na to co chcesz osiągnąć. Ja na twoim miejscu zrobił bym jednego dużego diva który by mieścił te 7 innych i ustawiał je za pomocą position: relative; position: absolute; ewentualnie odsuwając marginesami to jest znacznie lepsze niż to co zrobiłeś. Poczytaj sobie na temat atrybutu position.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.