3 kolumny w stylu tabelek ale....
Moderator: Pomocy?!
Posty: 6
• Strona 1 z 1
3 kolumny w stylu tabelek ale....
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Witam serdecznie!
Nie piszcie że to już było, bo szukałem naprawdę przez dwa dni.
Potrzebuje w CSS stworzyć layout 3 kolumnowy ale nie taki jak wszędzie podają, że dwie kolumny są stałe a środek procentowy, tylko żeby:
- lewa i prawa kolumna miały po 50%
- środek miał np. 1000px
Do tej pory tylko udało mi się zrobić to na tabelce:
<table style="width:100%;">
<tr>
<td style="width:50%; background:red;">lewa</td>
<td>
<div style="width:1000px;">srodek</div>
</td>
<td style="width:50%; background:red;">prawa</td>
</tr>
</table>
Pomożecie ?
Aaa żeby wyjaśnić...
mam taki projekt że w lewo się powtarza tło i w prawo też chcę żeby się powtarzało, niestety inne niż po lewej stronie tak więc nie mogę tego tła dać na body bo jest inne po obu stronach.
Jakiś pomysł ?
Jacek
Nie piszcie że to już było, bo szukałem naprawdę przez dwa dni.
Potrzebuje w CSS stworzyć layout 3 kolumnowy ale nie taki jak wszędzie podają, że dwie kolumny są stałe a środek procentowy, tylko żeby:
- lewa i prawa kolumna miały po 50%
- środek miał np. 1000px
Do tej pory tylko udało mi się zrobić to na tabelce:
<table style="width:100%;">
<tr>
<td style="width:50%; background:red;">lewa</td>
<td>
<div style="width:1000px;">srodek</div>
</td>
<td style="width:50%; background:red;">prawa</td>
</tr>
</table>
Pomożecie ?
Aaa żeby wyjaśnić...
mam taki projekt że w lewo się powtarza tło i w prawo też chcę żeby się powtarzało, niestety inne niż po lewej stronie tak więc nie mogę tego tła dać na body bo jest inne po obu stronach.
Jakiś pomysł ?
Jacek
- jjack
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1b2) Gecko/20081201 Firefox/3.1b2
skoro lewa i prawa kolumna mają po 50% to 50%+50%=100% - to już nie ma miejsca na środek...
Co do tła - pokaż może na przykładzie swojej strony o co ci chodzi... bo wydaje mi się że próbujesz wyważać już dawno otwarte drzwi.
Co do tła - pokaż może na przykładzie swojej strony o co ci chodzi... bo wydaje mi się że próbujesz wyważać już dawno otwarte drzwi.
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
;) proszę bardzo link
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
- jjack
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20
1 pomysl:
1 div po lewej na 50% z tlem
2 div po prawej na 50% z tlem
3 div na srodku z posation: absolute;
2 pomysl:
nadać divom style tabeli i ulozyc tabele z divow
3 pomysł:
1 div 100% z tlem po lewej
na nim
2 div 100% z tlem po prawej
na nim
3 div 1000px ze strona
wszystko z posation: absolute;
ten 3 podobny do 1 ale moze troche lepszy...
1 div po lewej na 50% z tlem
2 div po prawej na 50% z tlem
3 div na srodku z posation: absolute;
2 pomysl:
nadać divom style tabeli i ulozyc tabele z divow
3 pomysł:
1 div 100% z tlem po lewej
na nim
2 div 100% z tlem po prawej
na nim
3 div 1000px ze strona
wszystko z posation: absolute;
ten 3 podobny do 1 ale moze troche lepszy...
- Gość
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
spoko dzięki ale...
jak zrobię dwa divy i dam im po 50% szerokości to niestety nie pokażą się w jednej linii mimo tego że marginesy są na 0 paddingi też na 0 i float:left dla obu a z display:inline też próbowałem.
KOD
<body style="padding:0; margin:0;">
<div style="float: left; width:50%; background:red;">aaa</div>
<div style="float: left; width:50%; background:blue;">bbb</div>
style tabelki to miałeś na myśli atrybut display rozumiem ?
próbowałem też nie za bardzo to działa ))
any ideas ?
jak zrobię dwa divy i dam im po 50% szerokości to niestety nie pokażą się w jednej linii mimo tego że marginesy są na 0 paddingi też na 0 i float:left dla obu a z display:inline też próbowałem.
KOD
<body style="padding:0; margin:0;">
<div style="float: left; width:50%; background:red;">aaa</div>
<div style="float: left; width:50%; background:blue;">bbb</div>
style tabelki to miałeś na myśli atrybut display rozumiem ?
próbowałem też nie za bardzo to działa ))
any ideas ?
- Gość
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20
<body style="padding:0px; margin:0px;">
<div style="float: left; width:50%; background:red;">aaa</div>
<div style="float: right; width:50%; background:blue;">bbb</div>
powinno byc ok.. jak na to nakleisz diva z posation:absolute i z-index: 2; bedzie efekt taki jak zamierzales...
wczesniej jak dales na 2 divy float left to 2 do lewej wyrownalo;p
<div style="float: left; width:50%; background:red;">aaa</div>
<div style="float: right; width:50%; background:blue;">bbb</div>
powinno byc ok.. jak na to nakleisz diva z posation:absolute i z-index: 2; bedzie efekt taki jak zamierzales...
wczesniej jak dales na 2 divy float left to 2 do lewej wyrownalo;p
- Gość
Posty: 6
• Strona 1 z 1
Kto jest online
Zarejestrowani użytkownicy: Bing [Bot], dexter