Antworten zum Thema „Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben“

Hansi05 · 17.04.2008

Hi,

ich bin grade dabei eine Page für meinen Kumpel zu machen und hab das Problem das der Inhaltsbereich (MItte) mitwachsen soll aber die Seiten soll es nicht auseinander reißen, wie mach ich das am besten?

Hier die Seite:

hp_ready2.2

sokie · 17.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Tja, mir fällt auchn nichts weiter ein, als:
so ein Tabellengewusel ist völlig unnötig, und erschwert es total eine vernünftige Lösung vorzuschlagen.
Ein erster Schritt wäre, weg mit den Tabellen und logische Bereiche zu definieren...

Hansi05 · 17.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Meinst du diese div-Boxen?

sokie · 17.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

so in der Art könntet du das lösen

Hansi05 · 17.04.2008

Danke, hab im Mom keine Zeit, ich gucks mir morgen an

Kann ich bei den div-Boxen auch 2px Rahmen machen und die in einer bestimmten Farbe?

Oehmy · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

ja kannst du, siehe hier:

Rahmen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

im css border-width und border-color richtig definieren.

hyperactive · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Hallo!
Ich hab zwar ein ganz anderes Problem, aber wenn ich das hier so lese - könnte das meine Frage auch lösen. Ich denk am WE mal verstärkt drüber nach.
@ Hansi: Würde mich freuen, wenn Du dein Resultat dann mal bekannt gibst. Dann bringt mich das bestimmt auch weiter.

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Danke erstmal, hat funktioniert

Und das nächste Problem: Wie kann ich 2 div-Boxen nebeneinander machen ohne jede Box in eine Tabellenspalte zu machen wie hier:

Layout mit grafischer Spaltenaufteilung

Herr_D · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Hansi05 schrieb:
Danke erstmal, hat funktioniert

Und das nächste Problem: Wie kann ich 2 div-Boxen nebeneinander machen ohne jede Box in eine Tabellenspalte zu machen wie hier:

Layout mit grafischer Spaltenaufteilung

Liest du auch, was die Leute dir als Lösungsvorschlag mitgeben?

sokie schrieb:
so in der Art könntet du das lösen

Da hast du die komplette Lösung

stb_87 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Siehe hier:
CSS 4 You - The Finest in Stylesheets: Workshop Layouten ohne Tabellen

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

So, habs jetzt fast hinbekommen, nur die rechte Seite will nicht ganz, Tipps? (Ja steht vllt auf der oben genannten Seite(n) aber findes ni :eek:

)

Unbenanntes Dokument

hyperactive · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

@Hansi: ist das gewollt, dass da nur ein schwarzer Kasten mit gelben Kästen steht und nur Inhalt links und rechts? Ich war neugierig, bin aber jetzt verwirrt.

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Ja ich will erstmal das Grundprinzip machen, und das besteht (mal abgesehen von oben, also Banner etc) aus 3 Teilen, linkes Banner, Content und rechtes Banner und das rechte will iwie nicht passen ...

Herr_D · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Code:

<!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=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<div style="border-style:solid">

        <div style="width:30%; float:left; border-width:2px; border-color:#FFFF00; border-style:solid; margin:0;">links</div>
        <div style="float:right; border-width:2px; border-color:#FFFF00; border-style:solid; margin:0">rechts</div>
        <div style="border-width:2px; border-color:#FFFF00; border-style:solid; margin: 0;">inhalt</div>


</div>

</body>
</html>

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

So, nu gehts, nur iwie net mittig =(

Unbenanntes Dokument

hyperactive · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Müßtest Du fürs mittig setzen nicht einfach den äußeren Container zentrieren? Dann hat man bei großer Auflösung viel Hintergundfarbe an den Seiten, aber den Inhalt immer mittig... ?

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Geht alles

hyperactive · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Ich hatte gerade nochmal rumgespielt und habe einfah für links und rechts eine Breite in px definiert. Die Mitte füllt dann bei mir immer den Rest. So sieht es dann sehr ordentlich aus, falls Du damit leben kannst, wenn der Inhaltsbereich immer eine andere Größe hat... Aber wenn Du jetzt sagst, dass es läuft: Ja, lass sehen.

Jedenfalls wäre das hier meine Lösung:

<!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=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div style="border-style:solid">
<div style="float:left; border-width:2px; border-color:#FFFF00; border-style:solid; margin:0; width:100px">links</div>
<div style="float:right; border-width:2px; border-color:#FFFF00; border-style:solid; margin:0; width:100px">rechts</div>
<div style="border-width:2px; border-color:#FFFF00; border-style:solid; margin: 0;" >inhalt</div>

</div>
</body>
</html>

Alternativ funzt es auch, wenn Du beiden Seiten einen (gleichen) %-Wert zuordnest, klar. Aber dann bleibt es bei der Änderung der Größe des Content.

Hansi05 · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Unbenanntes Dokument

So, jetzt nur noch Feinschliff

Herr_D · 18.04.2008

AW: Inhaltsbereich soll mitwachsen aber Seiten sollen bleiben

Hansi05 schrieb:
Unbenanntes Dokument

So, jetzt nur noch Feinschliff

Nix für ungut Hansi, willst du uns ver*****en?

Hier zeigen dir 3 Leute, wie du deine Idee per html/css umsetzt und du kommst am Ende doch wieder mit nem Tabellenlayout?

Weißt du überhaupt, was du machst oder willst?

Ich bin raus... wie sagt der Pixelschubser so schön. "Beratungsresistenten leuten ist nicht zu helfen"