div pod divem obok diva div :)

[albinos]

Witam. Napisałem sobie już jedna stronke w Css i wyszła caaałkiem nieźle teraz pisze juz drugą po przeczytaniu paru kursów ale mam problem i licze ze społeczność tego forum (bardzo fajna zresztą) mi pomoże tak więc:

KOD THML:

<body<

<div id="wszystko">

<div class="logo"><h1>Moje logo na grafice</h1></div>

<div class="male_logo">TU MALE LOGO</div>

<div class="graf_menu"></div>

<div class="tresc_menu">

<ul>

<li><a href="podstrona.html">LINK</a></li>

<li><a href="podstrona1.html>LINK1</a><li>

</ul>

</div>

<div class="graf_reklamy">

<div class="tresc_reklamy">

<ul>

<li><a href="podstrona2.html">LINK</a></li>

<li><a href="podstrona3.html>LINK1</a><li>

</ul>

</div>

<div class="tresc_podstron">

TU TRES TU TRESC

</div>

<div class="stopka>tres stopki</div>

</div>

</body>

</html>

Jak ma to wygladac? Ano tak:

Logo na środku, male logo po tym i po lewej przyciski menu i reklamy razem z menu

KOD CSS

body {

background: url(grafika/tło.jpg) repeat;

background-color: silver;

margin:0px;

text-align:center;

}

#wszystko {

margin:auto;

width:700px;

}

.logo {

background: #fff url(grafika/logo.jpg) no-repeat;

width:700px;

height:180px;

margin-bottom:15px;

margin-top:10px;

}

.male_logo {

background-color:#FFFFFF;

float:right;

width:530px;

height:40px;

margin-bottom:10px;

float:right;

}

.graf_menu {

background: black url(grafika/menu.jpg) no-repeat;

width:160px;

height:35px;

}.tresc_menu

background: black

width:160px;

height:350px;

margin-top=0px;

float:left;

}

tresc_menu {

background: black;

width:160px;

height:350px;

}.tresc_menu

background: black

width:160px;

height:350px;

margin-top=0px

float:left;

}

.graf_reklamy {

background: black url(grafika/reklamy.jpg) no-repeat;

width:160px;

height:35px;

}.tresc_menu

background: black

width:160px;

height:35px;

margin-top=0px;

float:left;

}

tresc_reklamy {

background: black;

width:160px;

height:35px;

}.tresc_menu

background: black

width:160px;

height:350px;

margin-top=0px

float:left;

}

.tresc_podstron {

background: black;

width:530px;

height:700px;

float:right;

}

.stopka {

background: black;

width:530px;

height:10px;

float:right;

}

h1 {

font-style: italic;

}

No i problem jest taki ze wszystko się psuje i wyświetla się NIE WIADOMO jak... czyli jedno obok drugiego zamias jedno pod drugim ;/ ktoś pomoże?(te style sa taki tylko poto zeby wam pokac jak ma wygladac ten uklad graficzny)

[Lind-Lau]

nie chce mi sie analizowac kodu...

zobacz jak dziala: clear w css np. clear:both

[neox]

No i problem jest taki ze wszystko się psuje i wyświetla się NIE WIADOMO jak... czyli jedno obok drugiego zamias jedno pod drugim ;/ ktoś pomoże?(te style sa taki tylko poto zeby wam pokac jak ma wygladac ten uklad graficzny)

Nie widze znacznika : <BR> , to zawsze pomaga w przejściu do nowego wiersza

[albinos]

Może i pomoże ale... będzie brzydko z szarymi :bo taki tlo będzie: pzerwami miedzy menu i reklamy itd ;/

[OSIG]

Nie analizuję całego kodu, bo dużo tego, jednak już na pierwszy rzut oka widać niewłaściwe zastosowanie float.

float:right lub left powoduje opływanie danego elementu przez inne. Jeśli chcesz, żeby np małe logo było POD dużym logo, to daj

dispaly:block;

clear:both;

dla małego logo.