Emulacja pewnego zachowania tabelek

Emulacja pewnego zachowania tabelek, Podzielenie strony na dwie części (razem 100%)...

paziek Zobacz profil	15.06.2009, 16:52:59 Post #1
Grupa: Zarejestrowani Postów: 207 Pomógł: 25 Dołączył: 16.11.2006 Ostrzeżenie: (0%)	Witam, Chciałbym podzielić stronę na dwie części - lewa zajmowałaby minimum miejsca, a prawa całą resztę - tak jak w kodzie poniżej. Niestety, wiem jak to zrobić jedynie używając tabelek. Da się jakoś w CSS? Może jakieś magiczne floaty, in-line itp.? Chciałbym zaznaczyć, że NIE musi to działać w jakimkolwiek IE, aczkolwiek Firefox (Gecko), Opera (Presto), Chrome (Webkit) w najnowszych finalnych wydaniach powinny. [XML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>bez nazwy</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <div style="display:inline-block; background-color:red;">Lewe</div> <div style="display:inline-block; background-color:blue;">Prawe</div> <table width="100%"> <tr> <td style="background-color:red;" width="1">LeweLeweLewe</td> <td style="background-color:blue;">PrawePrawePrawePrawePrawePrawePrawePrawePrawePrawePrawePrawePrawePraw</td> </tr> </table> </body> </html> [XML] pobierz, plaintext ps. Bez używania JS. Tak akurat potrafię Z góry dziękuję! Ten post edytował paziek 15.06.2009, 16:53:41

Odpowiedzi (1 - 3)

erix Zobacz profil	15.06.2009, 16:56:32 Post #2
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	Po co tabelki? [HTML] pobierz, plaintext <div id="twojStary"> <div id="twoj">asd</div> <div id="stary">ddd</div> </div> [HTML] pobierz, plaintext Kod #twojStary { display: table; width: 100%; } #twoj { display: table-cell; width: 10%; } #stary { display: table-cell; } -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!

paziek Zobacz profil	15.06.2009, 17:09:53 Post #3
Grupa: Zarejestrowani Postów: 207 Pomógł: 25 Dołączył: 16.11.2006 Ostrzeżenie: (0%)	Cytat(erix @ 15.06.2009, 17:56:32 ) Po co tabelki? [HTML] pobierz, plaintext <div id="twojStary"> <div id="twoj">asd</div> <div id="stary">ddd</div> </div> [HTML] pobierz, plaintext Kod #twojStary { display: table; width: 100%; } #twoj { display: table-cell; width: 10%; } #stary { display: table-cell; } Też tabelki, ale w sumie mnie urządza jeśli w CSS Dzięki ps. zamiast width: 10%; to należy dać width: 1px;

erix Zobacz profil	15.06.2009, 17:20:36 Post #4
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	Cytat ps. zamiast width: 10%; to należy dać width: 1px; Zależy, ile chcesz. Cytat Też tabelki, ale w sumie mnie urządza jeśli w CSS Pod względem wyświetlania - tabelki, ale semantycznie już nie. [; -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 18.07.2025 - 01:44

Hosting zapewnia