Wyniki wyszukiwania

div problem z ustwieniem paneli

ygbd Zobacz profil Znajdz posty użytkownika	Napisane: 3.10.2006, 22:03:31
Grupa: Zarejestrowani Postów: 2 Dołączył: 27.12.2005 Ostrzeżenie: (0%)	dzięki, niby tak robiłem, ale chyba jakiś jestem pokręcony, bo po ustawianiu szerokości paneli procentowo nie działało tak jak trzeba. A gdybym chciał ustawić lewy panel na "sztywno", a prawy miałby być dynamiczny, bo musiałbym je wstawić w trzeci.
	Forum: CSS · Podgląd postu: #298290 · Odpowiedzi: 5 · Wyświetleń: 1 318

div problem z ustwieniem paneli

ygbd

Napisane: 3.10.2006, 20:27:32

Grupa: Zarejestrowani
Postów: 2
Dołączył: 27.12.2005

Ostrzeżenie: (0%)

Usiłuję za pomocą div'ów ustawić położenie poszczególnych elementów strony i niestety ugrzęzłem

.
Stopka i nagłówek wydaje sie ok we wszytkich przeglądarkach, lewy panel gdzie znajduje się menu także.
Natomiat problem jest z prawym panelem, w którym będzie znajdowała się treść strony.
W IE chyba działa tak jak powinno być, natomiast w Firefox'ie i Operze prawy panel ucieka pod lewy (wygląda to jakbym miał dwie stopki). Poniżej kod css i html, oraz rysunek poglądowy dla tych którzy nie zrozumieli mojego opisu

.
Sprawa dla osób obeznanych z div'ami jest chyba banalnie prosta, ale ja nie mogę załapać, gdzie tkwi błąd.

[HTML] pobierz, plaintext 
body { /*
text-align: center; 
*/
margin: 0; 
padding: 0; 
background: white; 
font-family: Tahoma, Verdana, Arial, Helvetica; 
font-size: 13px; 
} 
 
div#glowny { 
text-align: left; 
width: 100%; 
margin: 0; 
padding: 0; 
} 
 
div#menu { /* lewy panel */
border-right: 1px solid black; 
float:left;
/*
width:99%;
*/
width:170px;
 
height:525px;
} 
 
div#panel_tresci { 
text-align: left;
border: 2px solid red; 
float:left;
 
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
} 
 
div#menu_wewnetrzne_linki { /* menu wewnętrzne */
margin-left: 10px;
margin-top: 0px;
border: 1px solid black; 
width:148px;
height:66px;
}
 
div#naglowek {  /* nagłówek */
width: 100%; 
text-align: center; 
height: 21px; 
font-weight: bold;
background: green; 
color: #F5F5F5; 
clear: both; 
} 
 
div#stopka{ /* stopka */
width: 100%; 
text-align: center; 
height: 21px; 
font-weight: bold;
background: green; 
color: #F5F5F5; 
clear: both; 
}
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Mój pierwszy layout</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
 
<link rel="stylesheet" type="text/css" media="all" href="style.css" /> 
</head> 
 
<body> 
<div id="glowny"> 
	<div id="naglowek">
		Naglowek
	</div> 
 
 
 
	<div id="menu"> 
 
		<div id="menu_wewnetrzne_linki"> 
			 •  <a href="http://temp/1link.html">Pierwszy link</a><br>
			 •  <a href="http://temp/1link.html">Drugi link</a><br>
			 •  <a href="http://temp/1link.html">Trzeci link</a>
		</div> 
		<br>
 
	</div> 
 
	<div id="panel_tresci"> 
		Turecki samolot pasażerski, który nad Grecją nadał sygnał alarmowy o porwaniu, wylądował we wtorek we włoskim mieście Brindisi.
Samolot leciał z Tirany do Stambułu ze 107 osobami na pokładzie.
	</div> 
 
 
 
	<div id="stopka">
		Stopka
	</div> 
 
 
</div> 	
 
 
</body> 
</html>
[HTML] pobierz, plaintext