Einen Div rechts neben Wrapper

pixelprinzessin · 24.04.2008, 09:42

Huhu!

Ich möchte auf einer Seite einen Div rechts neben dem Wrapper einfügen, er ist auch schon rechts, aber am unterem Rand, er soll aber am Content stehen, hier zu sehen:

naja... wie bekomm ich den extra div denn nun daneben?

hier meine css:

Code:

/* ____________Design____________ */
#wrapper { 
  width: 704px; 
  margin: 0px auto;
  height: 100%;
  clear:both;
}

#header { 
  width: 704px; 
  height: 140px;
  margin: 0;
  padding-bottom: 0; padding-left: 0px; padding-right: 0px; padding-top: 10px;
}

#menu { 
  width: 167px;
  margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;
  padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
  float: left;
  clear: none;
}

#aboben {
  width: 523px;
  height: 17px;
  margin: 0;
  padding: 0;
  float: right;
  background: url(images/oben.gif);
}

#content {  
  width: 487px;
  margin-bottom: 0; margin-left: 10px; margin-right: 0px; margin-top: 0px;
  padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px;
  background-color: #ffffff;
  border-left: 3px solid #1d787f;
  border-right: 3px solid #1d787f;
  float: right;
}

#extra {
    width: 200px;
    margin-bottom: 0; margin-left: 0px; margin-right: 0px; margin-top: 0px;
    padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px;
    background-color: #ffffff;
    border: 0;
    float: right;
}

#abunten {
  width: 523px;
  height: 17px;
  margin: 0;
  padding: 0;
  float: right;
  background: url(images/unten.gif);
}


#footer {
  width: 487px;
  margin-bottom: 5px; margin-left: 10px; margin-right: 0px; margin-top: 0px;
  padding-bottom: 5px; padding-left: 18px; padding-right: 18px; padding-top: 0px;
  float: right;
}

#oben {
    width: 486px;
    height: 17px;
    margin: 0;
    padding: 0;
    float: right; 
}

br.leer { clear: both; }

und html:

Code:

<div id="wrapper">
  <div id="header"><?php include('header.php'); ?></div>
  <div id="menu"><?php include('menu.php'); ?></div>
  <div id="aboben">&nbsp;</div>
      <div id="content">
           
      </div>
  <div id="abunten">&nbsp;</div>
<div id="footer"><?php include('footer.php'); ?></div>
</div>
<br class="leer" />
<div id="extra"> Hallo </div>

Also das mit abunten is wegen abgerundeten Ecken...
Hat jemand ne Idee?

pixelprinzessin · 24.04.2008, 10:11

ok hat sich gerade erledigt, bin selbst drauf gekommen *ankopfklatsch*

Code:

<div id="extra"> Hallo </div>
<div id="wrapper">
  <div id="header"><?php include('header.php'); ?></div>
  <div id="menu"><?php include('menu.php'); ?></div>
  <div id="aboben">&nbsp;</div>
      <div id="content">
           
      </div>
  <div id="abunten">&nbsp;</div>
<div id="footer"><?php include('footer.php'); ?></div>
</div>

Man könnte den Div auch einfach mal vor den Wrapper setzen ^^ Nun kann ich ihn ja mit margin-top noch etwas nach unten schieben und Problem ist gelöst

cycap · 24.04.2008, 10:13

Frauen...

scherz

pixelprinzessin · 24.04.2008, 10:26

naja musste es jetz aber doch noch etwas anders machen... musste den noch mit in den wrapper nehmen....

Wikinger · 09.02.2011, 14:52

Tut mir Leid, dass ich das nun schon etwas ältere Thema wieder ausgrabe, aber ich stehe aktuell vor dem genau gleichen Problem.

Wie genau müsste das denn gelöst werden?

nikosch · 09.02.2011, 14:54

Ja und? Oben steht die Lösung! Thread gelesen?

Wikinger · 09.02.2011, 15:04

Naja, es steht eine Lösung da, aber bei ändernder Fensterbreite ändert sich da auch die Position des "extra div". Deshalb muss er wohl doch in den Wrapper genommen werden, wie hier geschrieben:

Zitat:

Zitat von pixelprinzessin

naja musste es jetz aber doch noch etwas anders machen... musste den noch mit in den wrapper nehmen....

Meine Frage ist, wie die Lösung hierfür aussieht.

nikosch · 09.02.2011, 15:06

Zeige Deinen Code und Deine Überlegungen.

Wikinger · 09.02.2011, 15:54

Ok, es hat sich auch wieder erledigt. Ich habe noch ein zusätzliches div über die Seite gelegt und darin das extra div eingebunden.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Von Rechts nach Links im Input!	CHRIS	HTML, Usability und Barrierefreiheit	6	07.04.2009 11:20
Wie kann man eigene Wrapper schreiben	Silvester	PHP Tipps 2008	4	26.09.2008 12:55
Horizontale 100% Div-Box mit padding rechts bzw links	PsychoEagle	HTML, Usability und Barrierefreiheit	8	17.04.2007 12:51
die flash geschicht hier im board oben rechts.....	sysop	Off-Topic Diskussionen	5	09.02.2007 17:14
spalte rechts ausrichten, text aber trotzdem linksbündig	Crypi	HTML, Usability und Barrierefreiheit	5	14.09.2006 11:35
explode() von rechts?	nicobischof	PHP Tipps 2006	3	12.08.2006 12:20
Entwurfsmuster: Wrapper Klasse	Zergling-new	PHP-Fortgeschrittene	24	11.03.2006 03:14
Textfeld 1 Pixel zu weit rechts ausgrichtet	snoopiline	HTML, Usability und Barrierefreiheit	5	22.08.2005 08:53
internet explorer kann nichts rechts ausrichten	janni	HTML, Usability und Barrierefreiheit	6	24.05.2005 17:27
container mit tabelle rechts aufklappen		HTML, Usability und Barrierefreiheit	10	01.04.2005 12:25
[Erledigt] unten rechts ausrichten lassen		HTML, Usability und Barrierefreiheit	2	19.02.2005 22:34
IE macht einen Rand rechts / Firefox nicht		HTML, Usability und Barrierefreiheit	3	06.01.2005 15:49
Wie bekomm ich die Grafik rechts vom Text? (Align)	Paulo	HTML, Usability und Barrierefreiheit	5	24.09.2004 12:45
Simpel? IE zickt. Div bis unten und rechts anzeigen lassen.		HTML, Usability und Barrierefreiheit	2	10.09.2004 16:48
scroll down auslesen & rechts die html-seite anzeigen...		PHP Tipps 2004	2	27.08.2004 17:31


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.04.2008, 10:11
pixelprinzessin Erfahrener Benutzer Registriert seit: 23.04.2008 Beiträge: 270 PHP-Kenntnisse: Anfänger	ok hat sich gerade erledigt, bin selbst drauf gekommen ankopfklatsch Code: <div id="extra"> Hallo </div> <div id="wrapper"> <div id="header"><?php include('header.php'); ?></div> <div id="menu"><?php include('menu.php'); ?></div> <div id="aboben"> </div> <div id="content"> </div> <div id="abunten"> </div> <div id="footer"><?php include('footer.php'); ?></div> </div> Man könnte den Div auch einfach mal vor den Wrapper setzen ^^ Nun kann ich ihn ja mit margin-top noch etwas nach unten schieben und Problem ist gelöst

24.04.2008, 10:13
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Frauen... scherz

24.04.2008, 10:26
pixelprinzessin Erfahrener Benutzer Registriert seit: 23.04.2008 Beiträge: 270 PHP-Kenntnisse: Anfänger	naja musste es jetz aber doch noch etwas anders machen... musste den noch mit in den wrapper nehmen....

09.02.2011, 14:52
Wikinger Neuer Benutzer Registriert seit: 09.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Tut mir Leid, dass ich das nun schon etwas ältere Thema wieder ausgrabe, aber ich stehe aktuell vor dem genau gleichen Problem. Wie genau müsste das denn gelöst werden?

09.02.2011, 14:54
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja und? Oben steht die Lösung! Thread gelesen? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.02.2011, 15:06
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Zeige Deinen Code und Deine Überlegungen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.02.2011, 15:54
Wikinger Neuer Benutzer Registriert seit: 09.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Ok, es hat sich auch wieder erledigt. Ich habe noch ein zusätzliches div über die Seite gelegt und darin das extra div eingebunden.