Mam następujący problem z ułożeniem divów (są zle ułozone): Odwiedź moją stronę
a maja byc ułożone tak: dobrze ułozona
i najgorsze ze pod róznymi przegladarkami inaczej wygląda;/
czy jest w stanie mi ktos pomoc
dzieki
Pełna wersja: css i html problem z ustawieniem div-ów
2 różnice tylko zauważyłem
float pomoże
float pomoże
nie pomoga float;/
kruca kombinuje dalej
nie wiem co mam juz tu namieszane;/
kruca kombinuje dalej
nie wiem co mam juz tu namieszane;/
no ale mozna style wewnatrz znacznika umieszczac dlaczego jest błąd?
i gdzie mam jeszcze błędy?
wiem ze nie jestem champion w css...
i gdzie mam jeszcze błędy?
wiem ze nie jestem champion w css...
Cytat
no ale mozna style wewnatrz znacznika umieszczac dlaczego jest błąd?
no niby tak tylko trochę to mało estetycznie wygląda ale chodziło mi o to że ten margines jest przypisany
też do elementu span w css'ie
wywal te 2 marginesy i nagłówki Search oraz Shipping będą po lewej stronie
a nie tak jak teraz na środku szukasz więcej błędów?
po co ci grafika tła dla #YO_contentwrap o długości 641px skoro div ma 509px?
jak dla mnie to całość wygląda na wygenerowanie kodu z jakiegoś edytora WYSIWYG
lepiej poczytaj o css'ie i napisz ten kod od nowa ręcznie.
zrobilem tak:
Mam pytanie takie jak teraz zrobić zeby np: "Search book" byl troche na tabelce o troche poza nią?
dzieki
z tym sobie poradzilem
Ale mam następne pytanie dlaczego w firefoxie gdy dam clear:both nie widzi margin-top
pod operą i explorerem chodzi
!!!!!!!!!!!!! aby rozwiazac problem margin-top w stopce (dotyczy forefox) nalezy w stopce dodać "overflow:auto;" oczywiscie dla mojego ukladu!!!!!!!
Kod
<style type="text/css">
body {
text-align: center;
margin: 0;
padding: 0;
background: #ffffff;
}
#glowny {
text-align: left;
width: 980px;
height:300px;
margin: 0 auto;
padding: 0;
background: url(http://www.microstudio.pl/aukcje-pliki/bg.png) repeat;
}
#top {
height : 142px;
background : url(http://www.microstudio.pl/aukcje-pliki/top.png);
}
#prawa {
width: 509px;
float: right;
margin: 0;
}
#lewa {
width: 471px;
float: left;
}
div#stopka {
clear: both;
}
</style>
</head>
<body>
<div id="glowny">
<div id="top"></div>
<div id="prawa"></div>
<div id="lewa">
<table style="background-color:#FFFFFF; width:250px; border:medium; border-color:#999900;">
<tr><td><form action="http://abcbookstore.ovh.org/abc3/search.php" method="GET">
<input type="text" maxlength="200" style="width: 350px;font: 17px Arial; padding: 3px;text-align: center;margin: 10px;" name="searchstring"/>
<input style="margin-left:110px;" type="submit" value="Search for book or author"/>
</form></td></tr>
</table>
</div> <!-- koniec DIV LEWA-->
<div id="stopka"> tu bedzie o platnosciach</div>
</div><!-- close glowny -->
</body>
</html>
body {
text-align: center;
margin: 0;
padding: 0;
background: #ffffff;
}
#glowny {
text-align: left;
width: 980px;
height:300px;
margin: 0 auto;
padding: 0;
background: url(http://www.microstudio.pl/aukcje-pliki/bg.png) repeat;
}
#top {
height : 142px;
background : url(http://www.microstudio.pl/aukcje-pliki/top.png);
}
#prawa {
width: 509px;
float: right;
margin: 0;
}
#lewa {
width: 471px;
float: left;
}
div#stopka {
clear: both;
}
</style>
</head>
<body>
<div id="glowny">
<div id="top"></div>
<div id="prawa"></div>
<div id="lewa">
<table style="background-color:#FFFFFF; width:250px; border:medium; border-color:#999900;">
<tr><td><form action="http://abcbookstore.ovh.org/abc3/search.php" method="GET">
<input type="text" maxlength="200" style="width: 350px;font: 17px Arial; padding: 3px;text-align: center;margin: 10px;" name="searchstring"/>
<input style="margin-left:110px;" type="submit" value="Search for book or author"/>
</form></td></tr>
</table>
</div> <!-- koniec DIV LEWA-->
<div id="stopka"> tu bedzie o platnosciach</div>
</div><!-- close glowny -->
</body>
</html>
Mam pytanie takie jak teraz zrobić zeby np: "Search book" byl troche na tabelce o troche poza nią?
dzieki
z tym sobie poradzilem
Ale mam następne pytanie dlaczego w firefoxie gdy dam clear:both nie widzi margin-top
pod operą i explorerem chodzi
!!!!!!!!!!!!! aby rozwiazac problem margin-top w stopce (dotyczy forefox) nalezy w stopce dodać "overflow:auto;" oczywiscie dla mojego ukladu!!!!!!!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.