Witam,
Dopiero rozpoczyna swoja przygode z html. Zrobilem sobie taki oto szablon. Pod IE wszystko wyswietla sie dobrze natomiast pod Opera/firefox tylko widac tylko jakby jedna linie. Prosze o podpowiedz gdzie moze byc blad. Z gory dziekuje za pomoc. pozdrawiam.
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
<!--
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 758px;
}
#naglowek {
width: 758px;
background-color: #9999FF;
}
#lewa {
margin: 0px;
border: none;
padding: 0px;
width: 180px;
float: left;
background-color: green
}
#prawa {
margin: 0px;
border-left: 1px solid black;
padding: 0px;
width: 577px;
float: right;
background-color: #FFFFCC;
}
#stopka {
width: 758px;
clear: both;
background-color: #FFCCCC;
}
-->
</style></head>
<body>
<div id="strona">
<div id="naglowek">
</div>
<div id="prawa">
</div>
<div id="lewa">
</div>
<div id="stopka">
</div>
</div>
</body>
</html>
problem z opera/firefox
Re: problem z opera/firefox
Pod IE nie wyświetla się dobrze, to nowoczesne przeglądarki działają logicznie. Nie zdefiniowałeś wysokości dla żadnego z divów ani nie umieściłeś w nich treści, w związku z czym przeglądarki nie rozciągają ich i pokazują ramkę (border) o podanej w css szerokości, natomiast właściwą wyokość divów ustawiają na 0.
Ale to nie jest problem, sprawdź jak się zachowuje strona z divami z zawartością:
Ale to nie jest problem, sprawdź jak się zachowuje strona z divami z zawartością:
Kod: Zaznacz cały
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
<!--
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 758px;
}
#naglowek {
width: 758px;
background-color: #9999FF;
}
#lewa {
margin: 0px;
border: none;
padding: 0px;
width: 180px;
float: left;
background-color: green
}
#prawa {
margin: 0px;
border-left: 1px solid black;
padding: 0px;
width: 577px;
float: right;
background-color: #FFFFCC;
}
#stopka {
width: 758px;
clear: both;
background-color: #FFCCCC;
}
-->
</style></head>
<body>
<div id="strona">
<div id="naglowek">
naglowek
</div>
<div id="prawa">
prawa
</div>
<div id="lewa">
lewa
</div>
<div id="stopka">
stopka
</div>
</div>
</body>
</html>Re: problem z opera/firefox
wielkie dzieki, bo siedzialem nad tym ponad 3 godz i pewnie nigdy bym na to nie wpadl. Teraz wszytko dziala. Pozdrawiam i dziekuje za pomoc