ďťż

[css] problem z div... rozwala się strona.

Podstrony

telcocafe

Witam,
problem polega na tym, że rozjeżdża się lewa strona i zasłania prawą, co tu jest nie tak?? W FF i Operce #powitanie zasłania mi #news. A w ie to już to totalnie nie wygląda #powitanie jest takie wąskie a #news tak nisko?? I nie wiem jak to zmienić.

kod htm i phpl:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta http-equiv="Reply-to" content=""> <meta http-equiv="Content-Language" content="pl"> <meta name="Keywords" content="nad& nbsp;Gwiazdą,jezioro,wczasy,Bytów,Lipnica,wakacje,wypoczynek,nocleg,turystyka,ag roturystyka,domek,domek letniskowy,wynajęcie"> <meta name="Author" content=""> <meta name="Robots" content="ALL"> <title>Domek letniskowy na kaszubach - nad jeziorem Gwiazda</title> <link rel="stylesheet" href="styl.css" type="text/css" /> </head> <body> <div id="header"> <center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="565" height="294" align="middle" VSPACE=5> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="img/top.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FEFAEF" /><embed src="img/top.swf" quality="high" bgcolor="#FEFAEF" width="565" height="294" align="middle" VSPACE=5 allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></center> </div> <div id="menu"> <table><tr> <td><center><A HREF="index.php"><div class="p4">Strona główna</div></A></center></td> <td class="dzielnik"><img src="img/dzielnik.gif"></td> <td class="min"><center><A HREF="oferta.php"><div class="p4">Oferta</div></A></center></td> <td class="dzielnik"><img src="img/dzielnik.gif"></td> <td class="min"><center><A HREF="galeria.php"><div class="p4">Galeria</div></A></center></td> <td class="dzielnik"><img src="img/dzielnik.gif"></td> <td><center><A HREF="jd.php"><div class="p4">Jak dojechać?</div></A></center></td> <td class="dzielnik"><img src="img/dzielnik.gif"></td> <td class="min"><center><A HREF="kon.php"><div class="p4">Kontakt</div></A></center></td> </tr></table> </div> <div id="pasek"></div> <div id="middle"> <div id="powitanie"> <?php $connect = mysql_connect("localhost", "", "") or die ("Sprawdź połączenie z bazą danych."); mysql_select_db ("serwis"); mysql_query ('SET NAMES latin2'); $wynik = mysql_query("SELECT * FROM powitanie"); while($wiersz = mysql_fetch_assoc($wynik)) { echo '<Table>'; echo '<tr>'; echo '<td>'; echo '<div class="p5">'; echo '<img src="img/f.gif">  '; echo $wiersz['tytul']; echo '</div>'; echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>'; echo '<div class="p6">'; echo $wiersz['tresc']; echo '</div>'; echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td ALIGN=right>'; echo '<div class="p6">'; echo $wiersz['podpis']; echo '</div>'; echo '</td>'; echo '</tr>'; echo '</Table> '; } ?> </div> <div id="news"> <img src="img/f.gif" style="float:left";><div class="p3">  Aktualności</div> <br> <?php $connect = mysql_connect("localhost", "", "") or die ("Sprawdź połączenie z bazą danych."); mysql_select_db ("serwis"); mysql_query ('SET NAMES latin2'); $wynik = mysql_query("SELECT * FROM news"); while($wiersz = mysql_fetch_assoc($wynik)) { //początek pętli //wyświetl wynik echo '<div class="p6">'; echo $wiersz['tytul']; echo '                     ' ; echo $wiersz['data']; echo '</div>'; echo '<div class="p7">'; echo $wiersz['tresc']; echo '</div><br>'; }//koniec pętli ?> </div> </div> <div id="foot"> <p class="p">wszelkie prawa zastrzeżone © 2007 nad-gwiazda.prv.pl</p> </div> </body> </html>

kod css:
/* GLOBAL */ body {background-color:#FEFAEF; margin:0;padding:0;border:0;} a {text-decoration: none;} a:visited {text-decoration: none} a:hover{text-decoration: none} /* HEAD */ #header{widht:100%; height: 294px; margin:0; margin-top:0; background:url('img/bgt.gif') repeat-x; align:center;} /* MENU*/ #menu{margin-left:222px; margin-top:2px;} .p4{color:#625A43; font:bold 12px tahoma;} table{width:530px;} td {vertical-align: middle; width:120px; height: 14px; background-color: #FEFAEF;} td.min {vertical-align: middle; width:80px; height: 14px; background-color: #FEFAEF;} td.dzielnik{vertical-align: middle ; width:2px; background-color: #FEFAEF; } /*PASEK*/ #pasek{width:100%; height:3px; margin-top:0px ; min-height:3px; background:url('img/pasek.gif') repeat-x; } /* MIDDLE*/ #middle{float:left; margin-left:232px; margin-top:10px; width:525px; height:442px;} /*POWITANIE*/ #powitanie{float:left; width:200px;} .p2{color:#95279C; font:bold 16px tahoma;} /*NEWS*/ #news{float:right; width:256px;} .p3{color:#95279C; font: bold 16px tahoma;} .p6{color:#95279C; font:bold 12px tahoma;} .p7{text-align:justify; color:#625A43; font:bold 12px tahoma;} .p8{float:right; color:#95279C; font:bold 12px tahoma;} /*OFERTA*/ .p5{color:#95279C; font:bold 16px tahoma;} .p9{text-align:justify; color:#625A43; font:bold 13px tahoma;} /*GALERIA*/ .p10{color:#95279C; font:13px tahoma; text-decoration: none;} /*KONTAKT*/ #kontakt{float:left; display:inline; margin-left:180px;} .p11{color:#95279C; font: bold 13px tahoma;} /* FOOT*/ #foot{clear:both; width:100%px; height:38px; margin:0 auto; min-height: 38px; background:url('img/bgs.gif') repeat-x;align:center;} .p{float:right; display:inline; margin-right:250px; margin-top:15px; color:#625A43; font:bold 10px tahoma;}
Użytkownik Rds edytował ten post 21 czerwiec 2007, 19:09

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL