Webdesign in Siegen

Website im Browserfenster "verschiebbar" machen

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Website im Browserfenster "verschiebbar" machen

Beitragvon drummer02 am 15.09.2008, 16:51

Hallo zusammen,
ich möchte bei meiner Website erreichen, dass sie sich verschiebt wenn man das Browserfenster verkleinert.
Die einzelnen DIVs (und damit die gesamte Website) soll sich in ihrer Größe nicht verändern, was ich mit Pixelangaben bei height und width in den einzelnen DIVs auch schon erreicht habe. Ein Beispiel wie ichs gern hätte, seht ihr hier: http://www.heute.de/ verkleinert einfach euer Browserfenster und die Website müsste sich verschieben, aber nicht verkleinern --> das will ich erreichen !
Wie bekomm ich das hin ?

danke schonmal !!
drummer02
Mitglied
 
Beiträge: 9
Registriert: 15.09.2008, 16:38

Re: Website im Browserfenster "verschiebbar" machen

Beitragvon Elchi3 am 15.09.2008, 17:21

Hi,

ich denke du gibts einem (main)Div einfach mal:

Code: Alles auswählen
margin: 0 auto;


Klappt bei mir immer ganz gut.

So ist es ja hier bei dW auch, glaube ich...
:duckweg:


Gruß,
<Elchi3>
Wir ertrinken in Informationen, aber wir hungern nach Wissen.
=> Elchi's Blog
Benutzeravatar
Elchi3
Mitglied
 
Beiträge: 30
Registriert: 11.11.2007, 15:43
Wohnort: Verden

Re: Website im Browserfenster "verschiebbar" machen

Beitragvon ScaleBooks am 15.09.2008, 18:06

Ich benutze dafür auch den Befehl auto mit diesen Befehl teilt der
Browser den verbleibenden Platz gleichmäßig links und rechts auf.

Allerdings setze ich den margin Wert meistens auf 20px

LG Andreas
Nein, FTP heißt nicht "Frauen Transport Protokoll.
...und GIF nicht 'Girls in Files'.
Benutzeravatar
ScaleBooks
Mitglied
 
Beiträge: 85
Registriert: 02.09.2008, 14:58
Wohnort: Halle/Saale

Re: Website im Browserfenster "verschiebbar" machen

Beitragvon drummer02 am 16.09.2008, 14:05

ok...ähm heißt das ich erstell einen neuen DIV und weis ihm die Eigenschaft "margin: 0 auto;" zu ?
Und schreib dann:
<div style="margin: 0 auto;"> /*eben dieser neue DIV*/

alle anderen DIVs

</div>

Meint ihr das so ? Oder soll ich allen DIVs diese Eigenschaft zuweisen ?

Außerdem hab ich fast allen DIVs bis auf Banner und Menü "position:absolute" zugewiesen...Könnte das ein Problem darstellen ?
drummer02
Mitglied
 
Beiträge: 9
Registriert: 15.09.2008, 16:38

Re: Website im Browserfenster "verschiebbar" machen

Beitragvon Eyecatcher am 16.09.2008, 15:32

HTML:
Code: Alles auswählen
<body>
  <div id="gesamteSeite">
    ...andere Divs...
  </div>
</body>


CSS
Code: Alles auswählen
#gesamteSeite {
width:980px; /* Gewuenschte Breite */
padding:0px;
margin:0 auto; /* Div wird zentriert */
position:relative; /* sorgt dafür das deine position:absolute divs richtig dargestellt werden */
}
Benutzeravatar
Eyecatcher
Mitglied
 
Beiträge: 483
Registriert: 01.03.2008, 21:56
Wohnort: NRW

Re: Website im Browserfenster "verschiebbar" machen

Beitragvon drummer02 am 17.09.2008, 09:28

vielen vielen dank !! es hat funktioniert !! :-)
drummer02
Mitglied
 
Beiträge: 9
Registriert: 15.09.2008, 16:38


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast