Auf Thema antworten 2026

Beitrag

<blockquote data-quote="exo" data-source="post: 811330" data-attributes="member: 25134">Hiho,ich habe mich jetzt nun doch mal durchgerungen unser neues Design komplett in CSS zu bauen und hänge jetzt ein wenig.Also geht um eine Navigation die aus 3 Teilen besteht, wobei alle 3 Teile immer zentriert nebeneinander stehen sollen.Das die DIV`s nebeneinander sind, habe ich schonmal geschafft, mein problem jetzt:Die 3 Divs sind innerhalb eines Containers der 100% breit ist, im IE wird wundersamerweise die ganze geschichte Zentriert dargestellt - aber im FF nicht?!?!Zum Veranschaulichen hier mal die Seite der CSS Code:[code]body{&nbsp; &nbsp; margin:0;&nbsp; &nbsp; padding:0;}#main{&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; min-width:100%;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; margin:0;}#head_bg{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; padding0;&nbsp; &nbsp; margin-left:auto;&nbsp; &nbsp; margin-right:auto;&nbsp; &nbsp; height:244px;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; background-image:url(Bilder/head_bg.gif);}#head_center{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; background: url(Bilder/head_bg_middle.gif) no-repeat center;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; height:244px;&nbsp; &nbsp; min-width:100%;}#total_top{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; background:url(Bilder/total_top.png) no-repeat center;&nbsp; &nbsp; height:21px;&nbsp; &nbsp; min-width:100%;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; padding:0;}#nav{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; margin:-96px auto;&nbsp; &nbsp; padding:0 auto;&nbsp; &nbsp; width:auto;&nbsp; &nbsp; height:156px;&nbsp; &nbsp; overflow:visible;&nbsp; &nbsp; text-align:center;}#navleft{&nbsp; &nbsp; background:url(Bilder/head_shadow_left.gif) no-repeat right;&nbsp; &nbsp; height:156px;&nbsp; &nbsp; width:29px;&nbsp; &nbsp; float:left;}#navmiddle{&nbsp; &nbsp; height:156px;&nbsp; &nbsp; min-width:926px;&nbsp; &nbsp; float:left;}#navright{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; background:url(Bilder/head_shadow_right.gif) no-repeat left;&nbsp; &nbsp; height:156px;&nbsp; &nbsp; width:28px;&nbsp; &nbsp; float:left;}#navbar{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; border-top:solid 1px #fff;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; background:url(Bilder/nav_bar.gif) center no-repeat;&nbsp; &nbsp; width:926px;&nbsp; &nbsp; height:26px;}#top5{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; width:926px;&nbsp; &nbsp; height:129px;&nbsp; &nbsp; background-color:#fff;&nbsp; &nbsp; padding:0;}[/code]Und HTML:[code]&lt;body&gt;&lt;div id=&quot;main&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;head_bg&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;head_center&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;total_top&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;nav&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;navleft&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;navmiddle&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navbar&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;top5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navright&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;[/code]danke schonmal für eure Hilfegrüße</blockquote>

[QUOTE="exo, post: 811330, member: 25134"] Hiho, ich habe mich jetzt nun doch mal durchgerungen unser neues Design komplett in CSS zu bauen und hänge jetzt ein wenig. Also geht um eine Navigation die aus 3 Teilen besteht, wobei alle 3 Teile immer zentriert nebeneinander stehen sollen. Das die DIV`s nebeneinander sind, habe ich schonmal geschafft, mein problem jetzt: Die 3 Divs sind innerhalb eines Containers der 100% breit ist, im IE wird wundersamerweise die ganze geschichte Zentriert dargestellt - aber im FF nicht?!?! Zum Veranschaulichen hier mal die Seite der CSS Code: [code] body{ margin:0; padding:0; } #main{ position:absolute; min-width:100%; min-height:100%; padding:0; margin:0; } #head_bg{ position:relative; padding0; margin-left:auto; margin-right:auto; height:244px; width:100%; background-image:url(Bilder/head_bg.gif); } #head_center{ position:relative; background: url(Bilder/head_bg_middle.gif) no-repeat center; padding:0; margin:0; height:244px; min-width:100%; } #total_top{ position:relative; background:url(Bilder/total_top.png) no-repeat center; height:21px; min-width:100%; margin:0; padding:0; } #nav{ position:relative; margin:-96px auto; padding:0 auto; width:auto; height:156px; overflow:visible; text-align:center; } #navleft{ background:url(Bilder/head_shadow_left.gif) no-repeat right; height:156px; width:29px; float:left; } #navmiddle{ height:156px; min-width:926px; float:left; } #navright{ position:relative; background:url(Bilder/head_shadow_right.gif) no-repeat left; height:156px; width:28px; float:left; } #navbar{ position:relative; border-top:solid 1px #fff; margin:0; background:url(Bilder/nav_bar.gif) center no-repeat; width:926px; height:26px; } #top5{ position:relative; width:926px; height:129px; background-color:#fff; padding:0; } [/code] Und HTML: [code] <body> <div id="main"> <div id="head_bg"> <div id="head_center"> <div id="total_top"></div> </div> <div id="nav"> <div id="navleft"></div> <div id="navmiddle"> <div id="navbar"></div> <div id="top5"></div> </div> <div id="navright"></div> </div> </div> </div> </body> [/code] danke schonmal für eure Hilfe grüße [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?