MozillaPL.org - polskie centrum Mozilli

Główne menu:

3 kolumny w stylu tabelek ale....

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

3 kolumny w stylu tabelek ale....

Postautor: jjack » 26 grudnia 2008, 20:44

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
jjack
 

Postautor: Tomek » 29 grudnia 2008, 10:45

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.
"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

Postautor: jjack » 29 grudnia 2008, 14:32

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

jjack
 

Postautor: Gość » 29 grudnia 2008, 21:10

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...
Gość
 

Postautor: Gość » 29 grudnia 2008, 21:34

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 ?
Gość
 

Postautor: Gość » 30 grudnia 2008, 01:01

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
Gość
 


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], dexter

cron
Przejdź do powiązanej strony

Nawigacja:

Stopka: