✔ CSS 3 Spalten min+max-breite fuer Inhalt

[Geoschnute]

@Maik: ja genau den meinte ich Leider gibt es ja immer noch Leute die den benutzen.

Und zum nachlesen über overfow:hidden; würde ich
http://de.selfhtml.org/
empfehlen, das ist meistens selbsterklärend!

Gruß Geoschnute

 

[Maik]

Nein, bin ich eben nicht. Genau darum geht es ja.

Dann mach es mal so - ich hab für dich auch Maß genommen



mfg Maik

 

[Necro_nomicon]

Ok, das ist ein cooles Teil!!

JR Screen Ruler. Werd ich gleich mal runterladen.

Das heisst, ich schau, dass ich ingesamt unter 970 bleib und werd das Bild verkleinern und dann gibt man das ganze in den #wrapper.

OK, eigentlich eh logisch, ..(allerdings erst jetzt)

 

[Maik]

Das heisst, ich schau, dass ich ingesamt unter 970 bleib und werd das Bild verkleinern und dann gibt man das ganze in den #wrapper.

Oder du legst eben eine höhere Mindestbreite fest, damit das Bild mit seinem aktuellen Format nicht über den rechten Spaltenrand hinausragen kann

mfg Maik

 

[Necro_nomicon]

Ich verstehe das nicht!

Ich habs jetzt geaendert, aber es funkt noch immer nicht.

Im FF geht das Bild ueber den Rand rechts und im IE springt das Bild runter, wenn das Fenster zu klein ist.

 

[Maik]

Du hast die Mindestbreite von 950 auf 900px herabgesetzt, gefragt sind aber nun laut Maßband 1020px.

mfg Maik

 

[Maik]

im IE springt das Bild runter, wenn das Fenster zu klein ist.

Der IE benötigt für den Block #centerCol eine geringe relative Mindesthöhe height:1% - Stichwort: hasLayout.

mfg Maik

 

[Necro_nomicon]

Ich danke euch fuer die Antworten. Ich glaub ich bin heut einfach zu langsam und zu begriffstuetzig und hab gerade einen IQ von einer Kuh unter Migraene...

Ich werd das mal einen Tag sacken lassen, was anderes tun und dann wieder zu dem zurueckkehren.

Scheinbar seh ich wirklich den Wald vor lauter Baeume nicht.

 

[Maik]

div#wrapper {
min-width:1020px; /*** leftCol+Abstand+centerCol(padding+Bild+padding)+Abstand+rightCol 256+30+20+350+20+40+200 ***/
max-width:1400px;
position: relative;
margin: 0 auto;
width: 100%; /*** width: 800px bei fixer Layout-Breite ***/
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
background:url(rightCol.png) repeat-y right top;
/*** background: url(img/3cols.png) repeat-y; ***/ /*** ::::: Damit Hintergrund bis zum Footer reicht :::: ***/
/*** border-left: 1px solid #b8b8b8; ***/ /*** ::::: RAUS: sonst Scrollbalken ::::: ***/
/*** border-right: 1px solid #b8b8b8; ***/
}

div#centerCol {
background-color:#fcfcee; /*** #fbf4e5 fdf9f1 fcfcee fcf9ee fcfbee ***/
margin:0px 240px 45px 316px; /*** Hier Abstaende zwischen den Spalten anpassen und die Bilder leftCol.png und rightCol.png in der Breite anpassen (45px ist unten wegen Bild sonst schneideet ab) ***/
padding:20px;


/*** margin-left: 296px;  Breiten anpassen
margin-right: 225px;
margin-bottom: 0px;
margin-top:0px;  Abstand von oben 55px  ***/
/*** padding-left:30px;
padding-right:40px; ***/ /*** Abstand von Menue ***/


height:1%; /* hasLayout-Fix für IE */
}

Fertitsch

mfg Maik

 

[Necro_nomicon]

Hallo!

Habe mir wirklich ein paar Tage Auszeit genommen und erst heute wieder zu dem Problem zurueckgekehrt.

Ich danke dir Maik! Ich werde sofort deinen Code uebernehmen und durchgehen und es somit vermeiden, das naechste Mal wieder immer das Gleiche zu fragen.

Ich bin voll ueberrascht und sehr dankbar fuer die ausfuehrliche Hilfe!