Forum Debian Users Gang

guzzi · 2006-12-21 09:46:14

Chcę zrobić w css div układ strony ale za choelerę nie mogę ustawić prawej kolunmy jak ustawie to prawa kolumna zjeżdza w dół a lewa i środek są ok.
Chodzi mi o taki układ

................................................nagłówek..............................................
KolLewa........................ środek na treści zmieniane...................KolPrawa

..................................................stopka................................................

[i]No i problem siedzi w kolumnie prawej.[/i]

[b]CSS:[/b]
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 780px;
}

#naglowek {

margin : 0px;

border : 1px solid black;

padding : 0px;

width : 780px;

text-align : right;

background : rgb(234,233,200);

}

#kolumnaLewa {

position:relative;
float:left;
width:200px;

}

#tresc {

margin-left:200px;
position:relative;
margin-right:200px;

}

#kolumnaPrawa {

float:right;
width:190px;
position:relative;

}

#stopka {

margin : 0px;

border : 1px solid black;

padding : 7px 0px 7px 0px;

width : 780px;

clear : both;

font-family : verdana, helvetica, sans-serif;

text-align : right;

font-size : 8pt;

font-weight : bold;

background : rgb(234,233,200);

}

[b]treść w *.html[/b]
<body onload="runSlideShow()">

<div id="strona">

<div id="naglowek">
<p>Nagłówek</p>
</div>

<div id="kolumnaLewa">
<p>Kolumna lewa</p>
</div>

<div id="tresc">
<p>tresc</p>
</div>

<div id="kolumnaPrawa">

<p>Kolumna prawa</p>
</div>

<div id="stopka">
<p>Stopka</p>
</div>

</div>

guzzi · 2006-12-21 13:49:02

nikt mi nie powie -szkoda :(

Contravene · 2006-12-21 14:09:12

W trzech częściach masz ustawione "position:relative". Zrezygnuj z tego, zwłaszcza że nie przypisujesz wartości przesunięcia. Zamiast tego dla lewego elementu przypisz "float:left", dla środkowego nic, co zaburzałoby jego pozycję w obiegu elementów strony, a dla prawego "float:right". I oczywiście obustronne tamowanie dla stopki.

maryaan · 2006-12-21 14:17:37

wystarczy tak:

Kod:

<head>
<style type="text/css">
* {
    text-align: center;
    margin: 0px;
    padding: 20 0 20 0;
}
#strona {
    margin : auto;
    border : 1px solid black;
    padding : 0px;
    width : 780px;
}
#naglowek {

    margin : 0px;
    border : 1px solid black;
    padding : 0px;
    width : 778px; 
    text-align : right;
    background : rgb(234,233,200);

}
#kolumnaLewa {
    float:left;
    width:200px;
    background: #ee33aa;
}
#tresc {
    width: 400px;
    float: left;
    background-color: #eeaabb;
}
#kolumnaPrawa {
    float:right;
    width:180px;
    background: #123abc;
}
#stopka {
    margin : 0px;
    border : 1px solid black;
    padding : 7px 0px 7px 0px;
    width : 778px; 
    clear : both;
    font-family : verdana, helvetica, sans-serif;
    text-align : right;
    font-size : 8pt;
    font-weight : bold;
    background : rgb(234,233,200);
} 
</style>
</head>
<body>
<div id="strona">
    <div id="naglowek"><p>Nagłówek</p></div>
    <div id="kolumnaLewa"><p>Kolumna lewa</p></div>
    <div id="tresc"><p>tresc</p></div>
    <div id="kolumnaPrawa"><p>Kolumna prawa</p></div>
    <div id="stopka"><p>Stopka</p></div>
</div>
</body>

bierz pod uwage szerokosc krawedzi ktora dodajesz bo w Twojej wersji caly naglowek i stopka ma szerokosc 782px zamiast 780

odstepy i kolory dalem zeby lepiej bylo widac ktory div jest ktory ;)

guzzi · 2006-12-21 14:19:32

Niby prawa kolumna jest z prawej strony ale jest obniżona pod lewą i środkiem. Cyzyli nadal ten sam problem

maryaan · 2006-12-21 14:52:50

zrzuty z ff i konquerora
[URL=http://img120.imageshack.us/my.php?image=zrzutekranu4ps6.jpg][img]http://img120.imageshack.us/img120/1205/zrzutekranu4ps6.th.jpg[/img][/URL][URL=http://img274.imageshack.us/my.php?image=zrzutekranu3my6.jpg][img]http://img274.imageshack.us/img274/1638/zrzutekranu3my6.th.jpg[/img][/URL]

guzzi · 2006-12-21 15:03:19

Dzięki wielkie to o to mi właśnie chodziło działa.

maryaan · 2006-12-21 15:13:08

wrzuc linka jak zrobisz strone :)

guzzi · 2007-06-06 14:56:19

no to wrzucam

www.miedzyrzecgmina.pl

Contravene · 2007-06-07 13:24:08

Ładna, chociaż ja jestem zwolennikim ograniczania się we flashu. Tylko gdzież się podziała prawa kolumna?

guzzi · 2007-06-07 18:36:00

Z prawej kolumny zrezygnowałem a we fleshu jest tylko główny baner - no ale może postaram się zastąpić go jakimś gif-em

Time (s)	Query
0.00012	SET CHARSET latin2
0.00004	SET NAMES latin2
0.00091	SELECT u., g., o.logged FROM punbb_users AS u INNER JOIN punbb_groups AS g ON u.group_id=g.g_id LEFT JOIN punbb_online AS o ON o.ident='3.144.17.181' WHERE u.id=1
0.00075	REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '3.144.17.181', 1732597700)
0.00043	SELECT * FROM punbb_online WHERE logged<1732597400
0.00068	DELETE FROM punbb_online WHERE ident='185.191.171.7'
0.00075	DELETE FROM punbb_online WHERE ident='3.138.32.53'
0.00050	SELECT topic_id FROM punbb_posts WHERE id=47589
0.00004	SELECT id FROM punbb_posts WHERE topic_id=6219 ORDER BY posted
0.00054	SELECT t.subject, t.closed, t.num_replies, t.sticky, f.id AS forum_id, f.forum_name, f.moderators, fp.post_replies, 0 FROM punbb_topics AS t INNER JOIN punbb_forums AS f ON f.id=t.forum_id LEFT JOIN punbb_forum_perms AS fp ON (fp.forum_id=f.id AND fp.group_id=3) WHERE (fp.read_forum IS NULL OR fp.read_forum=1) AND t.id=6219 AND t.moved_to IS NULL
0.00006	SELECT search_for, replace_with FROM punbb_censoring
0.00137	SELECT u.email, u.title, u.url, u.location, u.use_avatar, u.signature, u.email_setting, u.num_posts, u.registered, u.admin_note, p.id, p.poster AS username, p.poster_id, p.poster_ip, p.poster_email, p.message, p.hide_smilies, p.posted, p.edited, p.edited_by, g.g_id, g.g_user_title, o.user_id AS is_online FROM punbb_posts AS p INNER JOIN punbb_users AS u ON u.id=p.poster_id INNER JOIN punbb_groups AS g ON g.g_id=u.group_id LEFT JOIN punbb_online AS o ON (o.user_id=u.id AND o.user_id!=1 AND o.idle=0) WHERE p.topic_id=6219 ORDER BY p.id LIMIT 0,25
0.00073	UPDATE punbb_topics SET num_views=num_views+1 WHERE id=6219
Total query time: 0.00692 s

Forum Debian Users Gang

Ogłoszenie

#1 2006-12-21 09:46:14

guzzi - Członek DUG

Problem z css i div w ustawieniach strony

#2 2006-12-21 13:49:02

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#3 2006-12-21 14:09:12

Contravene - Użytkownik

Re: Problem z css i div w ustawieniach strony

#4 2006-12-21 14:17:37

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

Kod:

#5 2006-12-21 14:19:32

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#6 2006-12-21 14:52:50

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

#7 2006-12-21 15:03:19

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#8 2006-12-21 15:13:08

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

#9 2007-06-06 14:56:19

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#10 2007-06-07 13:24:08

Contravene - Użytkownik

Re: Problem z css i div w ustawieniach strony

#11 2007-06-07 18:36:00

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

Stopka forum

Informacje debugowania