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