[HTML,CSS] Prosze o pomoc !, nie wiem czemu ale mi uciekaja te dwie żeczy... Opcje

[krzychu0808]

Stary kod mi nie wyszedł.... to postanowiłem napisać nowy... i mam kolejny problem ponieważ uciekaja mi dwie żeczy Reklama i Linki.... jak to widać na stronie ---Link---
Kod Strony:

[HTML] pobierz, plaintext 
<div id="strona">
 
        <div id="naglowek">
            <img src="images/portal_01.gif"/>
        </div>
        <div>
            <img src="images/portal_02.gif"/>
            <img src="images/portal_03.gif"/>
            <img src="images/portal_04.gif"/>
            <img src="images/portal_05.gif"/>
            <img src="images/portal_06.gif"/>
            <img src="images/portal_07.gif"/>
        </div>
 
        <div id="kolumnaLewa">
        <div>
<p class="style1">
<img src="images/portal_12.gif" class="l" />
</p>
<ul id="witam" class="clearUl" >
<li>
<p class="style2">
Witam....
</p>
</li>
</ul>
</div>
 
<div>
<p class="style1">
<img src="images/portal_19.gif" class="l" />
</p>
<ul id="witam" class="clearUl" >
<li>
<p class="style2">
xxxxxxxxxxxxxxx
</p>
</li>
 
</div>
 
<div>
<p class="style1">
<img src="images/portal_26.gif" class="l" />
</p>
<ul id="witam" class="clearUl" >
 
<li>
<p class="style2">
xxxxxxxxxxxxxxxxx
</p>
</li>
 
</div>
 
<div>
<p class="style1">
<img src="images/portal_29.gif" class="l" />
</p>
<ul id="witam" class="clearUl" >
 
<li>
<p class="style2">
xxxxxxxxxx
</p>
</li>
 
</div>    
        </div>
 
        <div id="kolumnaPrawa">// w tej kolumnie jest coś nie tak
<div>// div Reklama
<p class="style2">
<img src="images/portal_14.gif"/>
</p>
<ul id="reklama" class="clearUl">
<li>
<p class="style2">
Reklama
</p>
</li>
</div>
 
<div>// div Linki
<p class="style2">
<img src="images/portal_23.gif"/>
</p>
<ul id="linki" class="clearUl">
<li>
<p class="style2">
Linki
</p>
</li>
</div>
        </div>
 
        <div id="stopka">
     <font color="#000000">Created by <strong>Dj Pszczoła</strong></font>
        </div>
 
    </div>
[HTML] pobierz, plaintext 

Kod CSS

[HTML] pobierz, plaintext 
body {
	font: normal 11px tahoma, arial, sans-serif;
	line-height: 1.5;
	background: url(../images/portal_02.gif);
	margin: 0;
	color: #73716A;
}
*:focus { outline: none; }
a:hover { text-decoration: none; }
img { border: 0; }
.clearUl {
	margin: 0;
	padding: 0;
	list-style: none;
}
}
.r { float: right; }
.l { float: left; }
.lin {
        color: #000000;
        text-decoration: none
}
.lapka{
	Cursor : Hand;
}
.style1 {
	line-height: 150%;
	margin-left: 30px;
}
.style2 {
	margin-left: 12px;
}
.style3 {
              margin-left: 12px;
}
#strona {
    margin     : auto;
    padding    : 0px;
    width      : 850px;
     background: url(../images/portal_02.gif);
}
 
#naglowek {
    margin     : 0px;
    border     : none;
    padding    : 0px;
    width      : 850px;
}
 
#kolumnaLewa {
width   : 540px;
float   : left;
}
 
#kolumnaPrawa {
    width         : 310px;
   clear         : none;
    float         : right;
}
 
#stopka {
    margin      : 0px;
    border      : none;
    width       : 850px;
    clear       : both;
}
#witam {
	height: 139px;
              width: 507px;
              right: 20px;
              margin-left: 30px;
              background: url('images/portal_17.gif');
 
}
#reklama {
	background: url('images/portal_16.gif');
	height: 184px;
              width: 259px;
              margin-left: 12px;
 
}
#linki {
	background: url('images/portal_24.gif');
	height: 446px;
              width: 259px;
              margin-left: 12px;
 
}
[HTML] pobierz, plaintext 

Ten post edytował krzychu0808 15.04.2007, 18:27:30

[.radex]

CSS: clear: both;

I polecam "sprawdzator" ortograficzny Orangoo

[krzychu0808]

ooo ile jeśli dobrze cię zrozumiałem to ma to wygladać tak?>?

[HTML] pobierz, plaintext 
#reklama {
	background: url('images/portal_16.gif');
	height: 184px;
              width: 259px;
              margin-left: 12px;
              clear: both;
 
}
#linki {
	background: url('images/portal_24.gif');
	height: 446px;
              width: 259px;
              margin-left: 12px;
              clear: both;
 
}
[HTML] pobierz, plaintext 

Ja tak zorbiłem i nie działa może nie o to ci chodziło .. prosze o pomoc

[.radex]

szczerze mówiąc nie chcę mi się analizować całego kodu, polecam
http://riddle.jogger.pl/2007/03/07/rowne-k...ny-layoutu-css/

nie muszą być akurat stałe, ale możesz to sobie modyfiknąć

[krzychu0808]

może to dla tabeli prawej musi być inne niż dla lewej...

[HTML] pobierz, plaintext 
.clearUl {	
margin: 0;
padding: 0;
list-style: none;
}
[HTML] pobierz, plaintext 

Poradziłem sobie prosze o zamknięcie tematu