Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Rici_" data-source="post: 1958354" data-attributes="member: 437219">Hi Leute!!Ich hab das Grundgerüst mit &quot;equal high colums&quot; realisiert und möchte nun der mittleren Spalte abgerundete Ecken geben. Nur leider werden diese nur am rechten Ende der Spalte dargestellt und ich möchte sie natürlich gerne auf beiden Seiten haben <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />.Kann mir vielleicht jemand sagen wie ich das Problem lösen kann?Oder mich darauf hinweisen, dass ich es auf diesem Weg nicht schaffen werde und anders an die Sache ran gehen muss.. (Anmerkung dazu: Ich bin noch nicht so sicher auf dem Gebiet... <img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />)Danke schon mal für eure Hilfe...Hier der HTML-Code:[HTML]&nbsp; &nbsp; &lt;div id=&quot;container3&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;container2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;container1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;spalte1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;spalte2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;spalte3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;[/HTML]Hier das CSS:[CODE]#container3 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; min-height:400px;&nbsp; &nbsp; background-color:blue;&nbsp; &nbsp; overflow:hidden;&nbsp; &nbsp; position:relative;}#container2 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; min-height:400px;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; right:5%;&nbsp; &nbsp; background: -moz-linear-gradient(top, #b6c0c6, #e3e9ec);&nbsp; &nbsp; -moz-border-radius:10px;}#container1 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; min-height:400px;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; right:75%;&nbsp; &nbsp; background-color:blue;}#Spalte1 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:21%;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; left:77%;&nbsp; &nbsp; overfow:hidden;}#Spalte2 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:66%;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; left:81%;&nbsp; &nbsp; overflow:hidden;&nbsp; &nbsp; border-radius:10px;}#Spalte3 {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:1%;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; left:85%;&nbsp; &nbsp; overflow:hidden;}[/CODE]</blockquote>

[QUOTE="Rici_, post: 1958354, member: 437219"] Hi Leute!! Ich hab das Grundgerüst mit "equal high colums" realisiert und möchte nun der mittleren Spalte abgerundete Ecken geben. Nur leider werden diese nur am rechten Ende der Spalte dargestellt und ich möchte sie natürlich gerne auf beiden Seiten haben :). Kann mir vielleicht jemand sagen wie ich das Problem lösen kann? Oder mich darauf hinweisen, dass ich es auf diesem Weg nicht schaffen werde und anders an die Sache ran gehen muss.. (Anmerkung dazu: Ich bin noch nicht so sicher auf dem Gebiet... :D) Danke schon mal für eure Hilfe... Hier der HTML-Code: [HTML] <div id="container3"> <div id="container2"> <div id="container1"> <div id="spalte1"></div> <div id="spalte2"></div> <div id="spalte3"></div> </div> </div> </div>[/HTML]Hier das CSS: [CODE]#container3 { float:left; width:100%; min-height:400px; background-color:blue; overflow:hidden; position:relative; } #container2 { float:left; width:100%; min-height:400px; position:relative; right:5%; background: -moz-linear-gradient(top, #b6c0c6, #e3e9ec); -moz-border-radius:10px; } #container1 { float:left; width:100%; min-height:400px; position:relative; right:75%; background-color:blue; } #Spalte1 { float:left; width:21%; position:relative; left:77%; overfow:hidden; } #Spalte2 { float:left; width:66%; position:relative; left:81%; overflow:hidden; border-radius:10px; } #Spalte3 { float:left; width:1%; position:relative; left:85%; overflow:hidden; } [/CODE] [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?