☰

» »

CSS Floating - pomoč

CSS Floating - pomoč

Klemen1602 ::

Spet eno noobovsko vprašanje glede CSS-a-
Pri floatingu pride do napake in ne razumem zakaj. Sidebar in content box bi morala biti skupaj, oz. toliko narazen kot ju določim z marginom, ampak sta vsak v svoji vrstici.

Hvala za pomoč!
Klemen

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Nek dokument</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div class="main_box">

	<div class="header">
	
		<div class="header_logo">
		</div>
		
		<div class="header_user">
		</div>
		
	</div>
	
	<br class="clear" />
		
		<div class="header_news">
			<marquee> New properties available. </marquee>
		</div>
	
	<br class="clear" />
	
	<div class="sidebar">
	
		<div class="sidebar_header">Menu</div>
		
		<div class="sidebar_content">
		</div>
	
	</div>
	
	<div class="content">
	
		<div class="content_header">
		</div>
		
	</div>
	
	<div class="footer">
	</div>
	
</div>

</body>
</html>



.main_box	{
width:900px;
background:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:auto;
margin-right:auto;
}

/* Header design */
.header	{
width:900px;
height:80px;
background:#124678;
padding:2px;
float:left;
margin-bottom:1px;
}

.header_logo	{
width:650px;
height:80px;
background:#124678;
float:left;
margin-right:1px;
}

.header_user	{
width:245px;
height:76px;
background:#124678;
padding:2px;
float:left;
}

.header_news	{
width:904px;
height:16px;
background:#8ead1e;
color:#FFF;
float:left;
margin-bottom:1px;
}

/* Sidebar/Menu design */
.sidebar	{
width:247px;
height:400px;
background:#FFF;
border:thin solid gray;
margin-right:1px;
margin-bottom:1px;
}

.sidebar_header	{
width:243px;
height:15px;
background:#dbdbdb;
padding:2px;
}

.sidebar_content	{
width:243px;
padding:2px;
}

/* Content design */
.content	{
width:537px;
height:400px;
background:#FFF;
border:thin solid gray;
float:left;
}

.content_header	{
width:537px;
height:15px;
background:#dbdbdb;
}

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298369556 (28693) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč		152172 (1900) kr?en
»

Kontaknti obrazec - potrebujem pomoč

Oddelek: Programiranje		181278 (1000) cobrica
»

CSS - DIV - Brez Tabele

Oddelek: Izdelava spletišč		231721 (1424) jernejp
»

3 divi v divu in float

Oddelek: Izdelava spletišč		101919 (1803) alexa-lol

Več podobnih tem