fastix®: Ausrichtung von Divs

Beitrag lesen

Moin!

Eine von vielen(!) möglichen Lösungen:
Du musst es nicht als Tabelle auszeichnen, kannst es aber als Tabelle anzeigen lassen.

Der Code des 2. Versuchs:

css:

  

> body {  
> 	background: url(/images/x_repeat.png) top repeat-x;  
> 	}  
>   
> #container {  
> 	width: 85%;  
> 	min-width: 800px;  
> 	margin: auto;  

        display:table;  

> 	}  
>   
> #head_top {  
> 	background: url(/images/head_top_repeat.png) repeat-x;  
> 	width: 100%;  
> 	min-width: 780px;  
> 	height: 30px;  

        display:table-row;  

> 	}  
>   
> #head_top_left {  
> 	background: url(/images/head_top_left.png);  
> 	width: 6px;  
> 	height: 30px;  
> 	//float: left;  

        display:table-cell;  
  

> 	}  
>   
> #head_top_saga {  
> 	background: url(/images/head_top_logo.png);  
> 	width: 144px;  
> 	height: 30px;  
> 	//float: left;  

        display:table-cell;  

> 	}  
> 	  
> #head_top_middle {  
> 	background: url(/images/head_top_middle.png);  
> 	width: 2px;  
> 	height: 30px;  
> 	//float: left;  

        display:table-cell;  

> 	}  
> 	  
> #head_top_right {  
> 	background: url(/images/head_top_right.png);  
> 	width: 6px;  
> 	height: 30px;  
> 	// float: right; // was soll das umfließen?  

        display:table-cell;  

> 	}  

html:

  

> <body>  
> 	<div id="container">  
> 		<div id="head_top">  
> 			<div id="head_top_left" />  
> 			<div id="head_top_logo" />  
> 			<div id="head_top_middle" />  
> 			<div id="head_top_right" />  
> 		</div>  
> 	</div>  
> </body>  

Ich hoffe mein Problem war verständlich und jemand kann mir helfen.

Ich hoffe, es hat geholfen.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix