Web lapa uz 2 kolonām.

[Robis]

divkolonu web!

Sakiet, lūdzu, kā lai uztaisa divkolonu web, kuras katra kolona ir procentuāli mērīta, protams, tikai ar css un xhtml palīdzību (bez tabulas)?

 

Man tipa bija tā:

Kreisā puse:

div.left {
float: left;
width: 28%;
border-right: 1px solid #000000;
margin: 0px;
padding: 0px;
}

Labā puse jeb kontents:

div.content {
border-left: 1px solid #FFFFFF;
margin-left: 28%;
}

 

Viss jau būtu ok - protams uz visiem browseriem rāda, kā es paredzēju, izņemot IE - šis rāda šķirbu palielu starp kreiso divu un kontenta divu. Ļoti aktuāla, vai kāds zin, kā līdzēt?

[bubu]

Man abi div bloki rādās viens otram blakām cieši cieši (tb apvelkot border apkārt abiem, to malas saskarās kopā).

[Robis]

Nu tur ir tāda lieta, ka es taisu joslu - ar vienu bg, kas repeat-x. Saproti? Un tajās vietās tas bg pārtrūkst un protams, skaties, kur gribi, viss ok, izņemot visu cienīto IE... :angry:

[bubu]

Nesaprotu gan es tevi. Exampli webā nevari uzlikt? Vai vismaz pilnu kodu pastē ielikt?

[Robis]

Nē, projektu gan negribas griezt atklātībā :) (reti kurš te to vispār dara, tā ka argumentu pretī nebūs).

Nu, ideja tāda:

-------------------------- augšējā josla

------|------------------- sadalās pa divām

------|-------------------

------|-------------------

 

Problēma ir tāda, ka man vajag to augšējo joslu sadalīt ar tāpat uz divām daļām, bet tai joslā iet nepārtraukts backgrounds un borderi.

[bubu]

A kas liedz vēlvienu divu augšā uzlikt?

[Robis]

:/ Man vajag piemērus līdzīgus webā...

[bubu]

:/ Man vajag piemērus līdzīgus webā...

23589[/snapback]

Ko tev vajag?

[Robis]

Nu apmēram to ko skaidroju... Tikai dēļ IE - tas jau gļuko, visi pārējie saprot pareizi un vienādi (Opera, Mozilla, Netscape)

Edited September 30, 2005 by Robis

[bubu]

http://www.ryanbrill.com/floats.htm (pārcel tik footeri uz augšu)

http://bluerobot.com/web/layouts/layout1.html

http://www.thenoodleincident.com/tutorials...sson/boxes.html

http://www.glish.com/css/9.asp