zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV sollen beim Verkleinern des Browserfensters unveränderbar sein

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.01.2010, 15:04
FBA FBA ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.01.2010
Beiträge: 3
FBA befindet sich auf einem aufstrebenden Ast
Standard 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&uuml;rttemberg">
		<META name="DESCRIPTION" CONTENT="Altunkas Automobile, PKW Verkauf in Heilbronn, in Baden-W&uuml;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">
       &nbsp;&nbsp;
        <p>bei Automobil Altunkas - Ihrem zuverl&auml;ssigen Partner f&uuml;r Gebrauchtfahrzeuge in Bad Friedrichshall. </p>&nbsp;&nbsp;&nbsp;&nbsp;
        <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&auml;ge</li>
        </strong></ul>&nbsp;
        <p>Sie m&ouml;chten sich &uuml;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>&nbsp;
        <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>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    	<!-- 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&uuml;snu Altunkas</p>
      <p>Seelachstrasse 8      </p>
      <p>74177 Bad Friedrichshall</p></th>
    <th scope="col"><span class="Stil1">&nbsp;&nbsp;&nbsp;</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 15:18 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.01.2010, 15:27
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.01.2010, 15:38
FBA FBA ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.01.2010
Beiträge: 3
FBA befindet sich auf einem aufstrebenden Ast
Standard

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...
Mit Zitat antworten
  #4 (permalink)  
Alt 05.01.2010, 15:52
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
  #5 (permalink)  
Alt 05.01.2010, 16:03
FBA FBA ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.01.2010
Beiträge: 3
FBA befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Hilfe! Klappt!

Und den Zusammenhang hab ich auch kapiert
Mit Zitat antworten
Antwort

Stichwörter
browser, div, header

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV in anderem DIV einfügen, ohne Verschiebung des Contents hfr CSS 6 27.03.2009 07:39
Wie richte ich das DIV innerhalb des sichtbaren Browserbereichs aus? docki Javascript & Ajax 4 13.05.2008 18:53
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12
Div passt sich nicht an größe des Background-Image an? Sombreo CSS 13 09.07.2004 02:37
CSS div Größe anpassen anhand des inhaltes Heavenfighter (X)HTML 3 07.07.2004 10:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:14 Uhr.