SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Fortgeschrittene CSS-Techniken

Fortgeschrittene CSS-Techniken zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 26.09.2012, 09:51:01
dempsey dempsey ist offline
Anfänger
 
Registriert seit: Nov 2010
Alter: 39
Beiträge: 47
CSS Problem Container

Hallo Zusammen,

als Vorwort:
für euch wird das eher ein kleines Programm sein aber ich habe mich mit der Thematik vorher nie wirklich beschäftigt gehabt und bin schnell von divs immer umgesprungen auf die HTML tables wenn ich Probleme hatte. Dieses mal will ich aber dieses Problem lösen und nicht immer zu den HTML tables flüchten.
Ich habe mich zwar mehrere Tutorials angeschaut aber irgendwie kam ich da nicht weiter.

Referenzseite :
http://3rdmedia.de/uboot/template/

Ich habe hier einen Newswrapper und dieser Container beinhaltet 2 Container. Einen weissen wo (containername: links)"Blablabla..." drinne steht und einen grauen (containername: rechts) wo "asd" drinne steht. Wie ihr evtl. euch denken könnt, möchte ich, dass sich der graue container immer auf die maximal höhe des Newswrappers verwendet und immer die gleich Höhe hat wie der weisse Newscontainer (links).

Dennoch orientiert sich der graue container nicht an den weissen container sondern danach wieviel inhalt (asd's) er hat.

Könntet ihr mir da helfen? Ich möchte nur, dass der graue Container immer die selbe height hat wie der weisse Container


Code:
#contentwrapper{
	position: relative;
	height: 100%;
}

#links{
	
	background-color: #FFF;
	width: 700px;
	height: 100%;
	
}

#rechts{
	position:relative;
	text-align: center;
	width: 200px;
	height: 100%;
	background-color: #101010;
	float:right;
	
}

#footer{

	width: 700px;
	background-color: #000000;
	color: #FFF;
	float:right;
	
}
Mit Zitat antworten
  #2  
Alt 26.09.2012, 11:31:38
Ckaos Ckaos ist offline
Member
 
Registriert seit: Nov 2007
Beiträge: 843
AW: CSS Problem Container

Hi

Zitat:
Dennoch orientiert sich der graue container nicht an den weissen container sondern danach wieviel inhalt (asd's) er hat.
Ist ja auch richtig so! DENN eine Höhenangabe in % orientiert sich am Elternelement
welches, sofern Höhe angegeben wiederum an das Elternelement usw.
Also in deinem Fall
rechts > contentwrapper > bodywrapper > body
Hat eins davon KEINE Höhenangabe klappts nicht in allen Browsern.
Rot = Bei dir keine Angabe!
sieh dir das mal an
Code:
html,body{
	background-color: #222;
	text-align: center;
	height:100%;
}

#bodywrapper{
	
	background-color: #000;
	width: 700px;
	color: #404040;
	font-size: 14px;
	display: inline-block;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	padding: 2px;
	border: 5px solid #FFFFFF;
	height:100%; 	
}

#banner{
	height:307px;
}

#navi{
	background-color: #000;
	color: #FFFFFF;
}

#contentwrapper{
	position: relative;
	height: 100%;
}

#links{
	
	background-color: #FFF;
	width: 500px;
	height: 100%;
	
}

#rechts{
	position:relative;
	text-align: center;
	width: 200px;
	height: 100%;
	background-color: #101010;
	float:right;
	
}

#footer{

	width: 700px;
	background-color: #000000;
	color: #FFF;
	float:right;
	
}
Zitat:
Ich möchte nur, dass der graue Container immer die selbe height hat wie der weisse Container
Entweder per JS oder den "links" in den "rechts" packen ;)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
		
		<link href="template-Dateien/style.css" rel="stylesheet" type="text/css">
	</head>
	
	<body>
		<div id="bodywrapper">
			<div id="banner"></div>
			<div id="navi">News | Termine | Kontakt</div>
			
			
			<div id="contentwrapper">
					
				<div id="rechts">
                    <div id="links">
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                        NEWS BLAALBALABLABAL<br>NEWS BLAALBALABLABAL<br>
                    </div>
					asd
                    <br style="clear:left;" />
				</div>	
				
							
			</div>
			<div id="footer">AGB Impressum Datenschutz</div>
			</div>
		
	
	
</body></html>
Code:
html,body{
	background-color: #222;
	text-align: center;
}

#bodywrapper{
	background-color: #000;
	width: 700px;
	color: #404040;
	font-size: 14px;
	display: inline-block;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	padding: 2px;
	border: 5px solid #FFFFFF;	
}

#banner{
	height:307px;
}

#navi{
	background-color: #000;
	color: #FFFFFF;
}

#contentwrapper{
	position: relative;
	height: 100%;
}

#links{
	background-color: #FFF;
	width: 500px;
	float:left;
}

#rechts{
	position:relative;
	text-align: center;
	background-color: #101010;
}

#footer{
	width: 700px;
	background-color: #000000;
	color: #FFF;
	float:right;
	
}
mfg

CKaos
__________________
"Wenn die Leute Häuser so bauen würden, wie wir Programme schreiben, würde der erstbeste Specht unsere Zivilisation zerhacken."
In den allermeisten Fällen sitzt der Bug etwa 40 cm vor dem Monitor!
Mit Zitat antworten
  #3  
Alt 26.09.2012, 12:24:03
dempsey dempsey ist offline
Anfänger
 
Registriert seit: Nov 2010
Alter: 39
Beiträge: 47
AW: CSS Problem Container

Das ging flott :-) Ich danke dir Ckaos. So oft wie du mir geholfen hast, muss ich dir eigentlich ein Bier spendieren
Mit Zitat antworten
  #4  
Alt 26.09.2012, 15:56:36
Ckaos Ckaos ist offline
Member
 
Registriert seit: Nov 2007
Beiträge: 843
AW: CSS Problem Container

Hi,

kein problem.

Zitat:
muss ich dir eigentlich ein Bier spendieren
Ich sitze meist in Berlin ;)

mfg

CKaos
__________________
"Wenn die Leute Häuser so bauen würden, wie wir Programme schreiben, würde der erstbeste Specht unsere Zivilisation zerhacken."
In den allermeisten Fällen sitzt der Bug etwa 40 cm vor dem Monitor!
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
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 aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
problem mit dynamisch gesetzten eventlistenern s1r10n HTML, CSS und JavaScript Help! 3 14.09.2010 04:50:52
Problem selbst Referenzieren zorkez MySQLi/PDO/(MySQL) 8 14.04.2010 23:33:56
Apache & VHosts langsam - DNS Problem? comixtrip Apache HTTP-Server 4 15.02.2010 19:41:54
Problem mit MySQL in Typo3-CMS yamukud MySQLi/PDO/(MySQL) 0 09.10.2009 14:21:18
Session Problem mare26 PHP für Fortgeschrittene und Experten 1 08.12.2004 14:30:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:16:41 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt