Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anielska.pev.pl
telcocafe
Witam!Postanowiłem przestać używać table na korzyść boxmodel.
Jednak, jak widzę nie wszystko tak pięknie działa, jak wiele gazet/e-gazet pisze.
1. Jak stworzyć dobry boxmodel? Wiem, iż jest kilka metod:
- float clear
- position
- display
Niestety nie wiem, czy np. lepiej zrobić stronę za pomocą float (metoda na puzzle),
czy lepiej wykorzystać position: absolute bez obaw, iż coś się przesunie, co najwyżej nałoży.
Próbowałem też używać display, ale bardzo słabo działa na IE, zresztą na innych przeglądarkach też nie wszystko już obsługiwane albo brakuje mi czegoś:P
Co radzicie? Jak stworzyć dobry design...
ps. może zrobić tylko tabelę główną (by mogła "dobić" na 100% height) a resztę w div (całą zawartość) ?
Z góry dziękuję za pomoc.
bzdurki piszesz z lekka ;-) zerknij sobie np na to http://www.tido.beldzio.com/ design 100% css
Zajrzałem do kodu, a właściwie do stylu.
Hmm na stronie http://www.browsehappy.pl odradzali position: relative.
Patrząc na Twój kod wnioskuję, iż wybrałeś position i display.
a co konkretnie odradzali? bo jakby to było złe to by tego nie było :-) a relative jest czasami bardzo przydatny :-)
Hm do ułożenia designu nie używać. Współpracuje dobrze z position: absolute;
ps. mam jeszcze jeden problem związany z boxmodel.
Kwestia przeglądarek.
Prościej, jak wkleję kod:
<div id="head">
<div class="left"></div><div class="right"></div>
<div class="center"><h1><? echo $title; ?></h1></div>
</div>
gdzie:
#head {
border: 0px solid darkred;
width: 600px;
height: 41px;
float: right;
display: block;
padding-bottom: 10px;
}
#head h1 {
font-size: 18px;
color: darkred;
text-align: center;
margin: 0px;
padding-top: 5px;
}
#head div.left {
width: 31px;
height: 41px;
float: left;
background-image: url('gfx/flaga_l.gif');
background-repeat: no-repeat;
background-position: left;
}
#head div.right {
width: 31px;
height: 41px;
float: right;
background-image: url('gfx/flaga_p.gif');
background-repeat: no-repeat;
background-position: right;
}
#head div.center {
width: 532px; /* org 540, ale dla IE by nie wstawiał w nowej lini */
height: 37px;
border: 0px solid red;
margin: auto;
background-image: url('gfx/flaga_s.gif');
background-repeat: repeat-x;
}
Kodu jeszcze nie porządkowałem toteż sorry, jeśli pewne rzeczy się powtarzają.
Jak zrobić WARUNEK tylko dla IE tzn.
w Opera i FF działa bez kłopotów i cały DIV jest w jednej lini.
Natomiast w IE środek przesuwa się o enter w dół (reszta jak w FF i Operze).
Jak temu zaradzić?
Próbowałem wstawiać magiczną sztuczkę z voice-family, lecz nie działa.
Z góry dziękuję za odpowiedź
Eh moje wiadomości dostarczane są z ogromnym opóźnieniem.
OK piszą o relative, że dobry jest tylko do współpracy z absolute.
Napisałbym więcej, ale ktoś kasuje moje posty, tematy itd.
Kara dla tej osoby już została wymierzona....