panowie pomocy z szablonem css

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
carolina
Posty: 1
Rejestracja: pt paź 22, 2010 6:44 am

panowie pomocy z szablonem css

Post autor: carolina »

a wiec zaczne od poczatku kupilam 3 szablony i jakie moje zdziwienie dziaaja pod opera chrom ,mozila ale pod IE juz nie, cala noc czytania i kombinacji i nie dalam rady ,rece opadaja pomoze ktos z jednym chociaz ? bede strasznie wdzieczna

szablon powinnien wygladac tak

http://img263.imageshack.us/img263/912/no1zq.jpg

ale po zaladowaniu W IE wyglada okropnie przesuniete w lewo poza tlo czesc z opisem + dolna stopka i zle poukladane reg,wys,kont

http://img229.imageshack.us/img229/4381/capture1ri.jpg

dodam ,ze gdy otwieram z plikow na dysku dziala idealnie nawet w IE


kod szablonu bardzo was prosze o pomoc moja wiedza to -18 na 1/10 i jesli mozecie wyjasnic jak poradzic sobie z tymi kolejnymi na czym polega ten blad i jak sie go leczy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style type="text/css">

body {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(http://img842.imageshack.us/img842/9011/headbckg.jpg) repeat-x center top #000000;}
a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}

#container {width:1000px; margin:0 auto;}

#logo {margin:39px 30px 0px 30px; height:40px;}
#logo a {color:#EDECEC; text-decoration:none; font-size:24px; text-transform:uppercase; background:url(http://img37.imageshack.us/img37/8277/logokb.gif) no-repeat; padding:4px 0 0 50px; float:left;}

#menu {padding-right:30px; height:56px;}
#menu ul {padding:0; margin:0; float:right;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:126px; height:50px; font-size:11px; text-decoration:none; color:#ABABAB; text-align:center; background:url(http://img181.imageshack.us/img181/2818/menudeact.gif) no-repeat; padding-top:6px;}
#menu a:hover, #menu a.active {background:url(http://img294.imageshack.us/img294/4025/menuact.gif) no-repeat; color:#180202;}

#main {color:#D6D6D6; font-size:11px; line-height:16px;}

#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img:hover {border-color:#D6D6D6;}

#text_top {padding:0 30px 20px 30px; font-size:12px;}

#text_bottom {background:url(images/main_bckg.jpg) repeat-x #919191; width:940px; float:left; padding:30px 30px;}

#first_col {width:280px; float:left; margin-right:40px;}
#first_col h2 {color:#ff6f08; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#second_col {width:280px; float:left; margin-right:40px;}
#second_col h2 {color:#94d223; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#third_col {width:280px; float:left;}
#third_col h2 {color:#23abd2; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}

#footer {clear:both; height:50px; background:url(http://img84.imageshack.us/img84/5606/footerbckgt.jpg) no-repeat; color:#ffffff; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_righ
</style>
</head>

<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">Twoja nazwa</a></div>
<div id="menu">
<ul>
<li><a href="#" class="active">Inne Aukcje</a></li>
<li><a href="#">Komentarze</a></li>
<li><a href="#">O mnie</a></li>
<li><a href="#">Kontakt @</a></li>
<li><a href="#">Do ulubionych</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">

<div id="text_top">
<h1>Witam</h1>
<b>Opis Przedmiotu</b> <br> <center>
<br>

-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst</center></div>

<center><a href="http://img201.imageshack.us/img201/4309 ... .jpg"><img src="http://img201.imageshack.us/img201/4309/imgfwp.jpg" width=223px height=149 alt=""/></a>
<a href="http://img818.imageshack.us/img818/7927/img2m.jpg"><img src="http://img818.imageshack.us/img818/7927/img2m.jpg" width=223px height=149 alt=""/></a>
<a href="http://img594.imageshack.us/img594/8139 ... .jpg"><img src="http://img594.imageshack.us/img594/8139/img3gw.jpg" width=223px height=149 alt=""/></a>
<a href="http://img243.imageshack.us/img243/2181/img4t.jpg"><img src="http://img243.imageshack.us/img243/2181/img4t.jpg" width=223px height=149 alt=""/></a></center>

<div id="text_bottom">

<div id="first_col">
<h2>Regulamin</h2>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br></div>


<div id="second_col">
<h2>Wysylka</h2>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br><ul>
</div>


<div id="third_col">
<h2>Kontakt</h2>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br>
-Tekst tekst tekst Tekst tekst tekst Tekst tekst tekst<br></div>
</div>



</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="footer_left"></div>
<div id="footer_right">


<div id="footer_left">© Bonti studio</div>

</div>
</div>
<!-- end footer -->
</div>

</body>

<div style="display: none !important;">
<galeria>
</div>[/quote]
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: panowie pomocy z szablonem css

Post autor: darek_w »

Witam.
Czy strona wyświetla się poprawnie - nie jako szablon allegro, lecz wrzucona normalnie na serwer?
Darek
spinacz24
Posty: 5
Rejestracja: sob lip 31, 2010 9:09 pm
Lokalizacja: polska
Kontakt:

Re: panowie pomocy z szablonem css

Post autor: spinacz24 »

raz używasz float raz nie ie się gubi w takim czymś musisz float ustawić wtedy potraktuje div jako obiekty zagnieżdżone w stosunku do div nadrzędnego bo inaczej on traktuje div jako wolny obiekt i dlatego masz tak jak masz...
ODPOWIEDZ