zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Box geht mit ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.11.2013, 19:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2013
Beiträge: 12
Maurice befindet sich auf einem aufstrebenden Ast
Standard Div Box geht mit ?

Hallo

Ich habe ein kleines Problem ich habe einen Content und daneben aside mit zwei Div boxen beide sind absolute posiniert sobald ich aber im Content Text hinzufüge gehen die Div boxen mit nach unten ?! was mache ich falsch?

Danke

Code:
#suche{
	width:300px;
	height:200px;
	border:2px groove;
	background-color:white;
	box-shadow:4px 4px 4px black;
	border-radius:10px;
	margin-top:-120px;
	position:absolute;
	margin-left:70px;
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.11.2013, 20:57
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ohne Link wird das nix (siehe meine Sign.).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.11.2013, 21:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2013
Beiträge: 12
Maurice befindet sich auf einem aufstrebenden Ast
Standard

Habe es es mal schnell hochgeladen mit Texthalter

http://mauricepetrich.de/1/
Mit Zitat antworten
  #4 (permalink)  
Alt 03.11.2013, 21:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Du schiebst sie Pi-mal-Daumen um 860px nach oben, und bei mehr Text (oder Textzoom) reicht das nicht mehr.

Als erstes solltest Du jegliches position: absolute; rauswerfen, ebenso height und negative vertikale margins, das ist alles kontraproduktiv & de facto gepfuscht.

Mit float & clear bekommst Du Dein Layout ganz einfach hin, ohne jegliche Probleme, wie Du sie momentan hast.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 03.11.2013, 21:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2013
Beiträge: 12
Maurice befindet sich auf einem aufstrebenden Ast
Standard

Vielen dank werde ich mal machen

*Edit

So alles geändert mein Problem die beiden Div Boxen sind jetzt ausserhalb des Content ? Sollte ich sie mit margin wieder nach oben holen oder gibt es eine bessere lösung ?

http://mauricepetrich.de/1/

Geändert von Maurice (03.11.2013 um 22:00 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 03.11.2013, 22:34
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Nein, Du musst Breiten verwenden, die nebeneinander passen. Und es gibt immer noch height im CSS - für textenthaltende Elemente ist das ganz schlecht (Textzoom!).

Allenfalls min-height solltest Du dort verwenden, aber das ergibt hier auch keinen Sinn, denn der Inhalt bestimmt doch eh die Höhe des betreffenden Elementes.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 03.11.2013, 23:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2013
Beiträge: 12
Maurice befindet sich auf einem aufstrebenden Ast
Standard

Okay danke die DIV boxen sind jetzt oben aber da aside auf height:auto steht ist jetzt der hintergrund nicht mehr angepasst ? was gibt es da für eine Lösung ?

Unbenanntes Dokument
Mit Zitat antworten
  #8 (permalink)  
Alt 03.11.2013, 23:51
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

faq 2
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 04.11.2013, 12:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2013
Beiträge: 12
Maurice befindet sich auf einem aufstrebenden Ast
Standard

Danke etwas kompliziert soll das gekachelte Hintergrundbild nur aisde oder auch für den Content ?

Code:
#content{
	margin:0px auto;
	width:1060px;
	height:auto;
	background: #ccc url(bg.jpg) repeat-y 50% 0;
	
	}
	
#content p{
	padding-left:20px;
	margin-right:20px;
}

aside{
	
	width:530px;
	float:right;
		background: #ccc url(bg.jpg) repeat-y 50% 0;
}
http://mauricepetrich.de/1
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.11.2013, 16:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

FAQ 2, nicht 1
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
Antwort

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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 18:17


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