|
|||
DIV sollen beim Verkleinern des Browserfensters unveränderbar sein
Hallo!
Ich habe folgendes Problem: Ich will nicht, dass sich die DIV beim Verkleinern des Browsers bzw. des Fensters übereinanderlegen oder verschieben. Die Anordnung soll fest bleiben- am besten bei allen Browsern. Wie mache ich das -mit overflow? hier die Testseite: Altunkas Automobile hier der code: HTML-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" /> <META name="KEYWORDS" CONTENT="Autoverkauf,Altunkas Automobile,Heilbronn,Bad Friedrichshall, Autohandel,Autoankauf, PKW,Baden-Württemberg"> <META name="DESCRIPTION" CONTENT="Altunkas Automobile, PKW Verkauf in Heilbronn, in Baden-Württemberg."> <META name="COPYRIGHT" content="Automobile Altunkas, Bad Friedrichshall"> <META name="AUTHOR" content="Daniel Stark, Oedheim"> <META name="ROBOTS" content="all"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="audience" content="Alle"> <meta name="geo.region" content="DE-BW" /> <meta name="geo.placename" content="Heilbronn" /> <meta name="page-type" content="Produktinfo"> <meta name="page-topic" content="Verkauf, Ankauf, PKW"> <META name="REVISIT-AFTER" content="4 weeks"> <title>Altunkas Automobile</title> <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #E8E8E8; margin: 0; padding: 0; text-align: center; color: #000000; } .oneColFixCtrHdr #container { width: 100%; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; } .oneColFixCtrHdr #header { font: 120% Verdana, Arial, Helvetica, sans-serif; background: #DDDDDD; padding: 0 } .oneColFixCtrHdr #header h1 { float:left; margin: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */ padding-top: 5%; padding-right: 50% bei Br; padding-bottom: 5%; padding-left: 50px; } .oneColFixCtrHdr #Logo {float:left; padding: 0px;} .oneColFixCtrHdr #mainContent { padding: 0 50px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */ background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; clear:both; } .oneColFixCtrHdr #footer { padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */ background:#DDDDDD; font-size: xx-small; text-align: center; line-height: 1.2em; } .oneColFixCtrHdr #footer p { margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */ padding: 5px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */ font-size: xx-small; font-weight: bold; line-height: 0.3em; } .Tabelle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin:0 0 5px 0; line-height: 1.2em; } .Stil1 {font-size: x-small} --> </style> </head> <body class="oneColFixCtrHdr"> <div id="container"> <div id="header"> <h1>Herzlich Willkommen </h1> <div id="Logo"> <img src="file:./logo_automobil.jpg" alt="Logo" width="417" height="216" class="oneColFixCtrHdr" longdesc="http://Automobil Altunkas Bad Friedrichshall" /> </div> <!-- end #header --> </div> <div id="mainContent"> <p>bei Automobil Altunkas - Ihrem zuverlässigen Partner für Gebrauchtfahrzeuge in Bad Friedrichshall. </p> <p><strong><u>Wir bieten Ihnen:</u></strong></p> <ul><strong> <li>Verkauf von Gebrauchtfahrzeugen</li> <li>Ankauf von Gebrauchtfahrzeugen in bar</li> <li>Garantie</li> <li>Finanzierung</li> <li>Fahrzeug-Suchaufträge</li> </strong></ul> <p>Sie möchten sich über unser aktuelles Angebot informieren? Schauen Sie bitte <a href="http://www.autoscout24.de/CustomerArticles.aspx?cid=mohgmh44" title="Fahrzeugangebot" target="_blank">hier</a>.</p> <p>Wir freuen uns auf Ihren Besuch!</p> <p><strong>Automobil Altunkas</strong></p> <p>Seelachstrasse 10<br /> 74177 Bad Friedrichshall</p> <p>Tel.: +49 (0)171 8820976<br /> <A HREF="mailto:info@automobil-altunkas.de">Email</A> </p> <!-- end #mainContent --></div> <div id="footer"> <p><u>Impressum</u></p> <table width="100%" border="0"> <tr class="Tabelle"> <th class="Tabelle" scope="col"><p>Automobil Altunkas</p> <p> Hüsnu Altunkas</p> <p>Seelachstrasse 8 </p> <p>74177 Bad Friedrichshall</p></th> <th scope="col"><span class="Stil1"> </span></th> <th scope="col"><p>Webauftritt: </p> <p>Daniel Stark, Oedheim</p></th> </tr> </table> <!-- end #footer --></div> <!-- end #container --></div> </body> </html> Geändert von FBA (05.01.2010 um 16:18 Uhr) |
Sponsored Links |
|
||||
Ich kann deinem Problem nicht ganz folgen, du willst das deine Seite nicht zerissen wird wenn man das Fenster verkleinert? du könntest ein umschließendes Wrapper einfügen, das eine min-width besitzt, somit wäre die seite mindestens x breit.
wenns nicht die lösung was müsstest du mir dein Problem nochmal erläutern
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Danke für deine schnelle Antwort!
Die Anordnung auf meiner HP verschiebt sich, wenn ich das Browser Fenster beispielsweise rechts anpacke und nach links ziehe/verkleinere. Das passiert aber bei der HP hier beispielsweise nicht: http://http://home.arcor.de/terrikay...ionierung.html hier verändert sich bloß der body, aber der AUfabu bleibt gleich und es verschwinden halt Teile des Textes etc... So will ich das auch machen, versteh aber nicht, wie das geht bzw. den ZUsammenhang hab mir schon den QUelltext angeschaut, aber nix gefunden... |
|
||||
a) du hast eine breite in % angegeben, diese % Zahl wird immer von der Breite des geöffneten Browserfensters Berechnet.
b) der rest ergibt sich daraus, das die restlichen elemente nicht mehr in diese 85% breite Box passen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Stichwörter |
browser, div, header |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV in anderem DIV einfügen, ohne Verschiebung des Contents | hfr | CSS | 6 | 27.03.2009 08:39 |
Wie richte ich das DIV innerhalb des sichtbaren Browserbereichs aus? | docki | Javascript & Ajax | 4 | 13.05.2008 19:53 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
Div passt sich nicht an größe des Background-Image an? | Sombreo | CSS | 13 | 09.07.2004 03:37 |
CSS div Größe anpassen anhand des inhaltes | Heavenfighter | (X)HTML | 3 | 07.07.2004 11:04 |