[HTML][CSS]Problem z Float Opcje

[Raven1122]

Witam mam taki styl css:

[HTML] pobierz, plaintext 
#leftmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:290px;
height:100%;
border:1px solid #b7b7b7;
float:left;
}
 
#centerblock{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:500px;
height:100%;
border:1px solid #b7b7b7;
margin-left:295px;
}
 
#rightmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:170px;
height:100%;
border:1px solid #b7b7b7;
margin-left:815px;
float:right;
}
[HTML] pobierz, plaintext 

i taki kod html:

[HTML] pobierz, plaintext 
<div id="leftmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="rightmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="centerblock">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
[HTML] pobierz, plaintext 

i wyglada to nastepujaca:

leftmenu centerblock
rightmenu


right menu ucieka pod left i center, dlaczego tak sie dzieje?

[Ulysess]

musisz zrobić jeszcze tzw div main czyli głównego a dopiero w tego głównego wstawić te 3

[Raven1122]

jest juz main nazywa sie content o szerokosci 1000px tylko dalem ten kod ktorego sie dotyczy temat tak jak prosza

[HTML] pobierz, plaintext 
<div id="container">
<div id="header"></div>
<div id="menu">
</div>
<div id="undermenu"></div>
 
<div id="content">
 
 
<div id="leftmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="rightmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="centerblock">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
 
 
 
<div class="clearfix"></div>
</div>
</div>
[HTML] pobierz, plaintext 

HTML

[HTML] pobierz, plaintext 
#content{
background:#c8c8c8 url("../images/content.png");
background-position:top center;
background-repeat:repeat-y;
width:990px;
height:100%;
padding:5px 5px 5px 5px;
}
 
#leftmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:290px;
height:100%;
border:1px solid #b7b7b7;
float:left;
}
 
#centerblock{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:500px;
height:100%;
border:1px solid #b7b7b7;
margin-left:295px;
}
 
#rightmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:170px;
height:100%;
border:1px solid #b7b7b7;
margin-left:815px;
float:right;
}
 
 
.clearfix{
clear:both;
}
[HTML] pobierz, plaintext 

CSS

Ten post edytował Raven1122 2.09.2012, 20:54:29

[Damonsson]

Źle to układasz wszystko.

Jak mnie pamięć nie myli, elementy muszą być w takiej kolejności: Prawy(float:right) > Lewy(f:left) > Środkowy(f:left).

Po co te marginesy?

[Raven1122]

Dziala :] Daje Pomogl (IMG:style_emoticons/default/biggrin.gif)

[Ulysess]

no i własnie... (IMG:style_emoticons/default/smile.gif) w marginesach jest problem... pamiętaj że jeśli main ma 1000 szerokości wszystkie divy które chcesz w nim poziomo ustawić musza mieć łącznie max 1000 px wraz z szerokością , obramowaniem i marginesami (IMG:style_emoticons/default/smile.gif)