+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z kontenerem itp. (/thread-problem-z-kontenerem-itp)
problem z kontenerem itp. - Xaoo - 18-06-2010
Witam znowu. Zrobiłem sobie szablon stronki. Wygląda inaczej wiec muszę od nowa pisać CSSa. Teraz nie chcę używać position:absolute; więc napisałem selektor "kontener".
Kod:
.kontener {
margin-left: auto;
margin-right: auto;
width: 900px;}Kod:
#kontener {
margin-left: auto;
margin-right: auto;
width: 917px;}Musiałem napisać dla id i class ponieważ w IE inaczej mi wyświetlało;/ Znacie jakieś rozwiązanie?
Kod:
<div id="kontener" class="header"></div>
<div id="main" class="kontener">
<div class="menu"></div></div>Gdy biorę podgląd w programie "kED" to wyświetla mi inaczej stronę niż w FF czy IE - błąd programu?
Jeszcze pytanie z menu:
Kod:
.menu {
background-image:url(images/menu.png);
background-repeat:no-repeat;
width:900px;
height:34px;
margin-top:10px;}
ul.menu {
display:inline;}Kod:
<div id="kontener" class="header"></div>
<div id="main">
<div class="menu" class="kontener">
<li><a href="index.html"><img src="images/menustr.png"></a></li>
</ul>
</div>Będzie dobrze wyświetlane w IE i w ogóle?
RE: problem z kontenerem itp. - Engine - 18-06-2010
Kod:
.kontener {
margin:0 auto;
width: 900px;}Kod:
<div class="kontener">
<div class="header"></div>
<div id="main"></div>
<div class="menu"></div>
</div>A co do różnic to nie możliwe, że IE i FF inaczej wyświetlają width.
Po drugie do różnic jakie występują w IE np 7 stosuje się:
Kod:
<!--[if IE 7]>
<style type="text/css">
</style>
<![endif]-->RE: problem z kontenerem itp. - Pedro84 - 18-06-2010
Wsadź to w JEDEN div o id kontener, nadaj szerokość, wycentruj. Nie ma prawa nie działać.
Najlepiej to poczytaj kursy, zobacz jak są dobre strony zrobione (kod) bo gryziesz to nie od tej strony.
RE: problem z kontenerem itp. - Xaoo - 18-06-2010
Teraz mam problem z menu:/
Wygląda to w ten sposób:
![[Obrazek: screencg.png]](http://img51.imageshack.us/img51/5932/screencg.png)
Chcę aby to było między liniami:/
Wpisałem:
Kod:
img {
padding:2px;
border:none;}RE: problem z kontenerem itp. - Pedro84 - 19-06-2010
Kod:
position:relative;
top:value;RE: problem z kontenerem itp. - Xaoo - 19-06-2010
dobra.. nie chcę robić nowego tematu to tak: Z
Zrobiłem sobie menu stopki.
Kod:
ul#menustp {
list-style:none;
margin-top:174px;
margin-left:230px;
width:500px;
height:14px;}
ul#menustp li {
display:inline;}Kod:
<ul id="menustp">
<li><a href="index.html"><h3>Strona Główna</h3></a></li>
<li><a href="galeria.html"><h3>Galeria</h3></a></li>
<li><a href="omnie.html"><h3>O mnie</h3></a></li>
<li><a href="download.html"><h3>Download</h3></a></li>
<li><a href="kontant.html"><h3>Kontakt</h3></a></li>
</ul>Co jest źle, że menu nie ustawia mi się poziomo
? Próbowałem już wiele dopisywać/zmieniać ale kurcze nie mogę dojść ;/
RE: problem z kontenerem itp. - Pedro84 - 19-06-2010
Kod:
ul#menustp li {
float:left;}RE: problem z kontenerem itp. - Xaoo - 19-06-2010
kurcze;/ że sam na to nie wpadłem
/// Dzięki