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
- shinnobi.opx.pl
telcocafe
witam, mam niby to blachy problem lecz nie moge sobie zn im poradzic - lol ;skod:
<div class="ramka">lol</div> jak wycentrowac text lol w pionie w divieo wymiarach np 300x300 px
próbowałem vertical-align i padding
i nic
kod
.ramka { width: 300px; height: 300px; background: red; vertical-align: middle; padding: auto 0 auto 0; }
jakies sugestie? : o
Użytkownik bikstopa edytował ten post 29 styczeń 2007, 17:40
Hm, a margin górny i dolny na auto nic nie zdają?
nic
#ramka { position: relative; width: 300px; height: 300px; background: red; } #text { position: absolute; top: 0; bottom: 0; margin: auto; height: 1px; }
<div id="ramka"><span id="text">lol</span></div>
Użytkownik Coldpeer edytował ten post 29 styczeń 2007, 18:11
@up nie jest to optymalne, jeszcze jakies porpozycje ?:>
Dlaczego stwierdziłeś, że nie jest to optymalne? Wątpię, by był jeszcze jakiś łatwiejszy sposób.
Już to pewnie czytałeś, ale przypomnę... xD - udawaj tabelkę :P
@up probowalem - ale to samo, nie dziala na ie -.-"
Dlaczego stwierdziłeś, że nie jest to optymalne? Wątpię, by był jeszcze jakiś łatwiejszy sposób.
innymislowem
nie dziala na ie. -.-"
Użytkownik bikstopa edytował ten post 29 styczeń 2007, 18:25
A jak byś w tego div'a wstawił zwykłą tabelkę to też wyjdzie, ale to Cię chyba nie zadowoli :)
html
<div class="ramka">
<table class="tabelka"><tr><td valign="middle">uiuuiuiu</td></tr></table>
</div>
css
.ramka {
border:1px;
width: 300px;
height: 300px;
background: red;
}
.tabelka {width:100%; height:100%; background: blue; border:1px;
}
Użytkownik marko888 edytował ten post 29 styczeń 2007, 18:39
Znalazłem sposób :D
.ramka { display: table; width: 300px; height: 300px; background: red; } .ramka div { top: 50%; position: relative; display: table-cell; vertical-align: middle; }
<div class="ramka"><div>lol</div></div>
Użytkownik Coldpeer edytował ten post 29 styczeń 2007, 18:39
Coldpeer - ale jak tekst będzie zbyt długi, np. na 5 linijek, to nadal będzie 50% od góry rodzica... Od dołu będzie już np. 15%...
//e:
pbnan - to ma byc zastosowane do 1 linijki textu
Hmmm, to trzeba było tak od razu! :D
Użytkownik pbnan edytował ten post 29 styczeń 2007, 18:51
Nie wydaje mi się.
<div class="ramka"><div>lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol</div></div>
// up: [q] Hmmm, to trzeba było tak od razu! [/q] - to i tak bez różnicy, gdyż mój kod nie jest taki bezmózgi, jak przypuszczałeś :)
Użytkownik Coldpeer edytował ten post 29 styczeń 2007, 18:52
cooldper twoja metoda mi odpowiada, nie ma zbednych zabaw z roznicami dla ie :)
pbnan - to ma byc zastosowane do 1 linijki textu