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!!!!
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- Stałe w CSS Jak zdefiniować stałe globalne w CSS?
- [css]Pasek przewijania tylko w IE poziomy pasek
- HTML][CSS]Autodopasowywanie iframe ale z pewnymi, dodatkowymi warunkami(!!), jest ladowana podstrona, ktora ma odnosnik do innego pliku do...
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- endurocross.keep.pl
telcocafe
Pod FF prawidłowo wyświetla mi w układzie poziomym /obok siebie/ , ale pod IE pionowo /jeden pod drugim zamiast jeden obok drugiego/Mam układ warstw :
<div id="wrapper"> <div class="kolumna1">pierwsza ... ... </div> <div class="kolumna2">druga ... ..<br /></div> <div class="kolumna3">trzecia ... ... </div> </div>
oraz część CSS :
#wrapper {width: 660px; display:table; table-layout:fixed; background-color: transparent; } .kolumna1 {display:table-cell; width: 200px; background-color: #963;} .kolumna2 {display:table-cell; width: 200px; padding-left : 3px; padding-right : 2px; background-color: #c00;} .kolumna3 {display:table-cell; width: 230px; background-color: #c0c;}
Teraz powinno być dobrze.
#wrapper {width: 660px; display:table; table-layout:fixed; background-color: transparent; } .kolumna1 {display:table-cell; float:left; width: 200px; background-color: #963;} .kolumna2 {display:table-cell; float:left; width: 200px; padding-left : 3px; padding-right : 2px; background-color: #c00;} .kolumna3 {display:table-cell; float:left; width: 230px; background-color: #c0c;}
Dzieki pomogło. Tylko teraz kolumny maja różne wysokości, as przedtem miały tę samą wysokość. Widac to gdy sa różene kolory background-color: # w tych kolumanch. Mozna temu zaradzic ?
Chyba wystarczy ustawić jednakową wysokość kolumn na ile chcesz np.
#wrapper {width: 660px; display:table; table-layout:fixed; background-color: transparent; } .kolumna1 {display:table-cell; float:left; height: 200px; width: 200px; background-color: #963;} .kolumna2 {display:table-cell; float:left; height: 200px; width: 200px; padding-left : 3px; padding-right : 2px; background-color: #c00;} .kolumna3 {display:table-cell; float:left; height: 200px; width: 230px; background-color: #c0c;}
Tak, ale potrzebowałbym automatyczne. Chyba potrzebne do tego by było nowa warstwa div.
Mam jeszcze jedno pytanie: czym sie różni deklaracja warstwy w css:
#wrapper i uzycie <div id="wrapper">
od
.wrapper i uzycie <div class="wrapper">
Jak dasz id w dowolnym elemencie to możesz się odwołać do niego z poziomu javascriptu, a jak dasz class to chyba sie nie da, jeżeli się myle to mnie poprawcie ;)
Atrybut "class" możesz nadawać wielu obiektom, natomiast element z konkretnym "ID" może być tylko jeden.
Na przykład:
<div id="xyz"><p id="abc">To jest błędne odwołanie</p> :)</div>
<div id="abc"><img src="obrazek.jpg" id="xyz" /></div>
<div id="xyz"><p id="abc">To jest poprawne odwołanie</p> :)</div>
<div id="abcd"><img src="obrazek.jpg" id="wxyz" /></div>
<div class="xyz"><p class="abc">To jest poprawne odwołanie</p> :)</div>
<div class="abc"><img src="obrazek.jpg" class="xyz" /></div>
@up: do wszystkiego możesz sie odwoływać :P Tylko do IDa prościej ;)
Użytkownik DJ_ProG edytował ten post 02 kwiecień 2007, 19:05