CSS dynamisches Layout Problem
Hallo alle zusammen. Bin grad an einem dynamischen CSS layout und schlage mich mit einem Problem rum.
Das ganze hat eigentlich einen Linken Teil und einen rechten Teil. Wenn man nun den Bildschirm verkleinert, dann sollte der rechte Teil sich verkleiner bis auf's minimum und dann aber stehen bleiben und nicht ans Ende der Seite rücken. Hier der Link für's bessere Verständniss Untitled Document Wie krieg ich dass blos hin dass der rechte Teil rechts floated und der linke Teil links floated aber wenn es eng wird der rechte Teil auf's minimum geht und dann stehen bleibt und ein seitlicher scrollbalken erscheint? css: Code:
@charset "UTF-8"; HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Du kannst z.B. body min-width geben - der IE < 7 versteht das zwar nicht, aber Abhilfe gibt's hier: Stu Nicholls | CSSplay | Min-Width for Internet Explorer
|
Hy, danke für dein feedback, nee leider geht dass nicht, habe es im body versucht und im #full. Ich glaub ich muss das ganze wohl anders aufbauen, abur wie? es soll ja so sein dass das rechte rechts floating ist und das linke links floating.... wäre wirklich froh um jeden imput.
|
Ja, musst Du.
Wenn du ein halbwegs flexibles Layout haben willst, verzichte zunächst auf die margins und paddings in #logo und #contentbox. Browser können noch nicht richtig rechnen, aber dazu später mehr. Du versuchst wohl die Seite zu zentrieren, das geht aber in #full besser mit einer festen Breite, die eh vorgibst und margin: 0 auto; Dann gibst Du #logo und #contentbox jeweils eine min-width - nach Bedarf- und prozentuale Größen, z.B. 44% und 55% ( keine hundert insgesamt wegen Rundungsfehlern der Browser) in Bezug auf #full. Das sollte für den Anfang reichen :) |
Danke für deine Tipps. Habe alles geändert. Doch leider jumpt die rechte Seite immernoch unter die linke Seite beim verkleinern des Browserfensters. Ich möchte einfach dass es bei min. stehen bleibt und dann der horizontale scrollbalken kommt... Untitled Document
Hier ist mein aktuelles CSS, vielleicht hab ich ja was falsch verstanden: Code:
@charset "UTF-8"; |
Es ist das umgebende Element, das eine Mindestbreite braucht.
|
OK habe noch das probiert:
Code:
#full { weist du was ich meine? |
Code:
#full { |
Dein Online-Code ist unverändert.
|
Hey cool, du hattest recht! Online gings dann!!! so geil! Es funktionierte im Dreamweaver nicht, da dachte ich geht eh nicht. Falsch gedacht! läuft einwandfrei! Danke dir vielmals!
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 07:07 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023