php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 04-03-2010, 17:21
southdevils
 Registrierter Benutzer
Links : Onlinestatus : southdevils ist offline
Registriert seit: Mar 2007
Beiträge: 18
southdevils ist zur Zeit noch ein unbeschriebenes Blatt
Standard Div-Container geht über unteren Bildschirmrand

Hallo alle zusammen.

Ich bekomme langsam ne Krise mit diesen DIVs.

Schaut doch mal bitte hier: Hertha BSC Fanclub South Devils Berlin

der rechte DIV-Container mit den News geht immer über den unteren Rand hinaus.
In anderen Foren habe ich gelesen, man muss die height in allen DIVs auf 100% setzen. Das habe ich getan, aber trotzdem geht das über den Rand rüber.

Ich will ja nicht die ganze Seite schrollen und auch nicht nur die News rechts. Der DIV links mit den Ergebnissen etc. soll ja mitscollen, so wie es jetzt ja funktioniert.
Nur leider ist das ganze irgendwie zu hoch.
Wenn ich alle heights auf z.B. 80% setze, dann passt es ab einer gewissen Auflösung auch rauf, aber je größer die Auflösung ist, desto mehr Rand habe ich dann unten.

Habt ihr ne Idee, was ich da machen kann ?

Hier das css:
Code:
body {
	margin-top: 0px;
	padding: 0px;
	background:#EAEDFF;
	background-image:url(/fanclub/images/stadion2_1920.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-size: 16px;
	text-align: justify;
	color: #000080;
	background-attachment:fixed;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	height:100%;


}

body, input, textarea, select, option {
	font-family: Calibri, Georgia, arial;
	color:#000080;
}

h1, h2, h3 {
	font-family: Calibri, Georgia, arial;
	font-weight: normal;
	color:#000080;
	text-align:center;
}

.links {

	text-align:left;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	line-height: 120%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
	line-height:25px;
}

a {
	color: #000099;
	font-weight:bold;
}

a:hover {
	color: #000099;
	font-weight:bold;
}

hr {
	display: none;
}

.navi {
	width:95%; 
	text-align:center; 
	height:25px;
	margin:auto;
}

/* Header */

#header {
	width: 750px;
	margin: 0px auto;
	padding-bottom: 10px;
	text-align: center;
	/*color: #646464; */
	/*background: url(/fanclub/images/imgblau.jpg) repeat-x left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000066;
	font-weight:bold;
	height:120px;
}

#header img {

	padding-top:5px;
	padding-bottom:5px; 
	
}

#header h1, #header p {

	padding: 50px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#header h1 {
	/*color: #FFB71C; */
	color:#000099;
	font-size: 26px;
	padding: 40px 0px 0px 0px;
	padding-top: 30px;
	text-align:center;
	width:600px;
	padding-bottom: 0px;
	margin: 0px;
}

#header p {
	padding: 65px 0px 0px 10px;
	font-size: 16px;
	color: #000099;
	text-align:center;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

#wrapper {
height:100%;	
overflow:hidden;
}

/* Page */

#page {
	margin: auto;
	font-size:16px;
	font-weight:bold;
	overflow:scroll;
	height:100%;
	overflow-x:hidden;
	position:absolute;
	margin-bottom:25px;

}

/* Content */

#content {
	float: right;
	left:2px;
	position:relative;
	margin: 0;
	margin-bottom: 5px;
	color:#000099;
	font-weight:normal;
	text-align:justify;
	width:80%;
	height:100%;
}

.entry {
/*	overflow:hidden;*/
/*	border-bottom: 2px solid navy; */
	padding-bottom:25px;
	height:100%;
}

.entry  ul li{

	line-height: 150%;

}

.entry p {

	margin:10px;
	font-family: Calibri, Georgia, arial;
	color:#000066;
	margin-bottom:25px;
	font-size:20px;
	text-align:center;
}

.entry2 {
	font-weight:bold;
}

.post {
	padding: 0px 0px 0px 0px;

}


.title {
	margin: 0;
	padding-bottom: 5px;
	font-size: 20px;
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;	
	background: url(/fanclub/images/imgblau.jpg) repeat-x left top;
	color: #000099;
	text-align:center;
	margin: 2px 0px 0px 0px;
	height: 35px;
	padding: 8px 0px 0px 0px;
	color: #FFFFFF;
}

.title a {
	text-decoration: none;
	color: #000099;
}

.pagetitle {
	border-bottom: 2px solid #0F0F0F;
}

.byline {
	margin: 0;
	color: #646464;
}

.meta2 {
	text-align: center;
	/*color: #646464; */
	margin: 5px 0;
	/*background: url(/fanclub/images/imgblau.jpg) repeat-x left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000066;
	font-weight:bold;
}

.meta4 {
	text-align: center;
	/*color: #646464; */
	margin: 5px 0;
	/*background: url(/fanclub/images/imgblau.jpg) repeat-x left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000066;
	font-weight:bold;
}

.meta {
	text-align: left;
	/*color: #646464; */
	color: #FFFFFF;
	margin: 5px 0;
	/*background: url(/fanclub/images/imgblau.jpg) repeat-x left top; */
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}

.meta3 {
	text-align: center;
	/*color: #646464; */
	color: #FFFFFF;
	margin: 5px 0;
	/*background: url(/fanclub/images/imgblau.jpg) repeat-x left top; */
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.posts {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.posts li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0F0F0F;
}


.posts h3 {
	margin: 0;
	font-weight: bold;
}

.posts p {
	margin: 0px;
	padding:0px;
	line-height: normal;
}

.posts a {
}

/* Sidebar */

#sidebar {
	float: left;
	width: 20%;
	font-size:10px;
	color:#000066;
	position:relative;
	height:100%;
}

#sidebar ul {
	margin: 0;
	padding: 0px 0 5px 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 0px 5px 5px 10px;
}

#sidebar li li {
	border-bottom: 1px dotted #363B3F;
	background: url(/fanclub/images/img03.gif) no-repeat 0px 40%;
	padding: 0 0 5px 15px;
}

#sidebar h2 {
	margin: 2px 0px 0px 0px;
	height: 35px;
	padding: 15px 0px 5px 5px;	
	background: url(/fanclub/images/imgblau.jpg) repeat-x left top;
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
}

#sidebar h2 a {
	background: url(/fanclub/images/img03.gif) no-repeat left 50%;
}

#sidebar a:hover {
	text-decoration: none;
}

/* Search */

#search input {
	display: none;
}

#search input#s {
	display: block;
	width: 230px;
	padding: 2px 5px;
	border: 1px solid #3DD1FF;
	background: #FFFFFF url(/fanclub/images/img05.gif) repeat-x;
}

#search br {
	display: none;
}

#next {
	text-align: right;
}

#prev {
	text-align: left;
}

/* Footer */

#footer {
	clear: both;
	height: 10px;
	width: 100%;
	margin: 0 auto;
	border-top: 6px solid #1E2223;
	text-align: center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
}

#footer p {
	padding-top: 0px;
	text-transform: uppercase;
}

#footer p a {
	color: #000099;
}

#footer p {
	margin-top:3px;
}


#active{

	color:#0066FF;
}
Hier die page:

PHP-Code:
<div class="navi">
        <? include 'menu.php'?>    
    </div>
    <div id="header">
        <img src="images/teufel.gif" width="75" height="120" style="float:left;" />
        <h1 style="float:left;">OFC South Devils</h1>
        <img src="images/teufel.gif" width="75" height="120" style="float:right;" />
        <div class="meta2">    
            <?=$lang['MAIN1'];?><?=$lang['MAIN2'];?>
        </div>
    </div>

        <!-- start content -->
      <div id="wrapper">
    <div id="page">
        <div id="content">
            <div class="post">
                <h1 class="title"><?=$lang['NEUIGKEITEN'];?></h1>
                    <div class="entry">
                    <? 
                        $vorhanden 
0;    
                        
// aktuelles Datum ermitteln
                        
$intervall strtotime("-30 days"); // heute - 1 Woche!
                        
                        // Die letzten 4 News holen
                        
$result_news mysql_query("SELECT * FROM news where gruppe = 'News' or gruppe is NULL order by ID desc LIMIT 15"$connection);
                        
                        while (
$row mysql_fetch_array($result_news))
                        {    
                            
$newsdatum $row["datum"];
                            
$newsdatum strtotime($newsdatum);
                        
                            if (
$newsdatum $intervall)
                            {        
                                
$vorhanden 1;
                                
$parts = array(); //Array des Datums
                                
$value $row["datum"]; // Wert des Datums
                                
$pattern '^([0-9]{4})-([0-9]{2})-([0-9]{2})$'//Datumsformat
                                
ereg($pattern$value$parts);
                                
$datum "$parts[3]." "$parts[2]." "$parts[1]"// Umdrehen des Datums anhand der Array-Elemente
                        
                                
$text nl2br($row["inhalt"]); //wandelt alle /n in <br> um
                    
                        
?>    
                      </p><p class="meta"><b><?=$lang['NEWSVOM'];?> <?=$datum;?><?=$row["titel"]?></b></p>
                        <p><?=$text?></p>
    
                        <?    
                            
}
                            else if (
$vorhanden == 0)
                            {
                        
?>
                        <p><b><?=$lang['KEINENEWS'];?></b></p>
                        <hr />
                        <?        
                            
break;
                            }
                        }
                        
?>
                    </p>
                </div>
            </div>
        </div>
        <!-- end content -->
        <!-- start sidebar -->
        <div id="sidebar">
        <?
        
include 'infos.php';
        
?>
        </div>
        <!-- end sidebar -->
    </div>
    </div>

DANKE
Mit Zitat antworten
  #2 (permalink)  
Alt 04-03-2010, 17:23
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von southdevils Beitrag anzeigen
Schaut doch mal bitte hier: Hertha BSC Fanclub South Devils Berlin
460 Errors, 841 warning(s)

Nein, tut mir Leid, einen solchen Murks schaue ich mir gar nicht erst länger an.
Lern bitte erst mal in Grundzügen mit HTML umzugehen.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #3 (permalink)  
Alt 04-03-2010, 17:31
southdevils
 Registrierter Benutzer
Links : Onlinestatus : southdevils ist offline
Registriert seit: Mar 2007
Beiträge: 18
southdevils ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Sorry, ich hab versucht alles mögliche vorher raus zu nehmen aus dem original-Code was nicht benötigt wird.

Das ganze Gerüst stimmt von einem CSS-Template, was ich noch endgültig in Ordnung bringen muss, aber im Moment hänge ich erst mal bei diesem blöden Problem.
Mit Zitat antworten
  #4 (permalink)  
Alt 04-03-2010, 17:36
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Darum geht es gar nicht, es geht darum, dass der Quelltext der Seite irgendwas ist, aber nicht (X)HTML. Mit ungültigem HTML hat es keinen Sinn, sich CSS-Problemen zu widmen. Das wäre wie Fensterputzen an einem Abrisshaus.
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 04-03-2010, 17:38
southdevils
 Registrierter Benutzer
Links : Onlinestatus : southdevils ist offline
Registriert seit: Mar 2007
Beiträge: 18
southdevils ist zur Zeit noch ein unbeschriebenes Blatt
Standard

dann lösch den Beitrag und ich melde mich irgendwann, wenn ich wieder Zeit habe.
Danke trotzdem !
Mit Zitat antworten
  #6 (permalink)  
Alt 04-03-2010, 17:38
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Waaaah, ich bin blind! Sorry, musste aber sein. Die Seite ist so dermaßen Retro, so was habe ich zuletzt 1998 gesehen.

Zu dem Hinweis von Wahsaga. Ich schätze mal, dass etwa 95% der Fehler aus dem & in den Links resultiert, die nicht korrekt als &amp; gesetzt sind. Das hat aber keinen Einfluss auf die Darstellung.

Allerdings solltest du das Dokument korrekt mit
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" xml:lang="en" lang="de">
einleiten.

Zu deinem Problem. Pack mal ans Ende ein <div style="clear:both"></div>. Und schmeiß das position raus.

Btw: wie man korrekt floatet, lernst du hier.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Element am unteren Rand ausrichten mcmurphy HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 2 11-12-2006 13:37
[HTML] div container zentrieren geht einfach nicht Milkaa HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 06-08-2006 14:23
[CSS] 2 DIV Container mit gleicher Höhe - wie geht das? Lord_Sikon HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 25-06-2006 12:01
Container nebeneinander über die ganze Seite,und ineinander X-Tractor HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 05-12-2005 10:00
[CSS] Impressum am unteren Bildschirmrand antman HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 3 22-06-2004 11:38

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script ansehen ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script

Mit unserer Lösungen können Sie nahezu jeden B2B / B2C Marktplatz betreiben den Sie sich vorstellen können. Ganz egal ob Sie einen Automarktplatz, Immobilenportal oder einfach einen Anzeigenmarkt betreiben möchten. Mit ebiz-trader können Sie Ihre Anforder

11.10.2018 Berni | Kategorie: PHP/ Anzeigenmarkt
PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 07:00 Uhr.