  |
| Autor |
Nachricht |
BiBaButzemann
Erfahrener [User]
Anmeldung: 25.06.06
Beiträge: 91
Wohnort: Moers
|
 Verfasst am: 24.03.2007, 10:49 Titel: Problem mit divLayern |
 |
|
Hallo, ich bins mal wieder
ich geb zu - ich hab enorme Probleme mit divLayern umzugehen. Also - bis jetzt muss ich sagen halt ich Tabellen für besser aber aus bestimmten Gründen kann ich die jetzt nicht nehmen! Also musste ich divLayern nehmen! Ich hab ein paar Probleme da mal wieder. In dem FF bei einer Auflösung von 1280x1024 sieht die HP genau so aus wie ich sie haben möchte. Zwar mit einigen "Tricks" die ich mir logisch nicht erklären kann, aber es geht. So - aber in jeder anderen Auflösung unter dem FF sieht die HP wieder total Mist aus, ganz davon ab im IE! Ist der ganze Code wirklich richtig?
URL:  http://fairlife-projekt.de/templates/default/
Meine index.php sieht so aus:
| Code: |
<?php
$config = "../../includes/config.php";
if (!file_exists($config)) {
die("<font color=\"#FF0000\"><b>Fehler:</b></font>\n<br>\n<br>Konfigurationsdatei wurde nicht gefunden");
} else { include ($config); }
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style/site.css" id="default" />
<title>FairLife - Das Projekt</title>
</head>
<body>
<div class="top"><?php include($topsite); ?></div>
<div class="menue"><?php include ($menuesite); ?></div>
<div class="main"><?php include ($mainsite); ?></div>
<div class="bottom"><? include ($bottomsite); ?></div>
</body>
</html>
|
meine CSS Datei sieht dazu so aus:
| Code: |
/* Allemeines */
body { height:100%; margin:0; padding:0; background:#0055FF; }
a:link,a:visited { text-decoration:none; color:#FFFFFF; }
a:active { text-decoration:none; color:#FF0000; }
/* Seiten Tabelle */
div { margin:1%; padding:1%; text-align:center; color:#FFFFFF; background:#0099FF; overflow:hidden; }
.top { height:10%; }
.menue { position:absolute; width:15%; height:73%; float:left; }
.main { position:absolute; float:right; width:78%; height:73%; margin-right:0%; right:1%; overflow:scroll; overflow-x:hidden; }
.bottom { height:2%; bottom:0; left:0; right:0; position:absolute; }
*html,body { width:100%; height:100%; overflow:hidden; }
*html .top *html .bottom { width:100%; position:static; }
*html .menue { }
*html .main { width:82%; }
|
Wie gesagt - logisch kann ich mir das nicht erklären irgendwie 
vielleicht ihr!
_________________
Mit freundlichen Grüßen
BiBaButzemann
|
|
| Nach oben |
|
 |
bangolo
Helfer [User]
Anmeldung: 01.03.07
Beiträge: 171
|
|
| Nach oben |
|
|
meteyou
Stammuser [User]
Anmeldung: 19.03.07
Beiträge: 45
|
| Verfasst am: 24.03.2007, 13:09 Titel: |
|
|
das liegt daran das IE7 kein xhtml lesen kann. du musst auf html 4.01 ausweichen. mfg mete
|
|
| Nach oben |
|
|
thepiep
Beliebter [User]
Anmeldung: 24.08.06
Beiträge: 335
Wohnort: Aachen
|
| Verfasst am: 24.03.2007, 14:02 Titel: |
|
|
natürlich kann der ie7 xhtml...
|
|
| Nach oben |
|
|
meteyou
Stammuser [User]
Anmeldung: 19.03.07
Beiträge: 45
|
| Verfasst am: 24.03.2007, 14:11 Titel: |
|
|
jetzt hat es ein sp für den IE7 gegeben jetzt weis ich das noch nicht genau aber die erste Version vom IE konnte es bis vor ca 1monat mit sicherheit nicht! da hab ich nähmlich das problem damit gehabt. mfg mete
|
|
| Nach oben |
|
|
BiBaButzemann
Erfahrener [User]
Anmeldung: 25.06.06
Beiträge: 91
Wohnort: Moers
|
| Verfasst am: 25.03.2007, 11:05 Titel: |
|
|
Hi,
danke für die URL - hab mir bisher noch kein Tutorial für CSS im Zusammenhang mit divs angesehen ^^ ich werd mal gucken!
_________________
Mit freundlichen Grüßen
BiBaButzemann
|
|
| Nach oben |
|
|
thomyb
Beliebter [User]
Anmeldung: 17.02.07
Beiträge: 294
Wohnort: Bötzingen, ...
|
| Verfasst am: 25.03.2007, 12:46 Titel: |
|
|
| meteyou hat folgendes geschrieben: | | jetzt hat es ein sp für den IE7 gegeben jetzt weis ich das noch nicht genau aber die erste Version vom IE konnte es bis vor ca 1monat mit sicherheit nicht! da hab ich nähmlich das problem damit gehabt. mfg mete |
Das ist absoluter Blödsinn. Der IE 7 konnte XHTML schon in der Betaversion...
|
|
| Nach oben |
|
|
bangolo
Helfer [User]
Anmeldung: 01.03.07
Beiträge: 171
|
| Verfasst am: 25.03.2007, 13:47 Titel: |
|
|
was da gefragt wurde hat ja eigentlich nichts mit xhtml zu tun sondern mit css. s gibt zwar verschiedene css formate die von den browsern unterschiedlich angezeigt werden, oder auch gar keine Beachtung finden, aber ein normales layout, wie es da gewünscht wird, geht mit standard css Befehlen die jeder browser kann.
_________________
http://www.die-abnehm-seite.de - http://www.wellness-beauty-info.de - http://www.artikel-liste.de
|
|
| Nach oben |
|
|
BiBaButzemann
Erfahrener [User]
Anmeldung: 25.06.06
Beiträge: 91
Wohnort: Moers
|
| Verfasst am: 25.03.2007, 15:02 Titel: |
|
|
So,
also - ich hab mal wieder wie so oft alles neu gemacht ^^ jetzt siehts im FF genau so aus wie ich das haben möchte gerne. Dort habe ich nur eine Code Frage.
"Wieso musste ich da so viel tricksen??? Geht das nicht anders - einfacher?"
So - und im IE siehts gar nicht aus wieder (
meine css Datei
| Code: |
/* Allemeines */
html { height:100%; }
body { height:100%; margin:0; padding:0; background:#0055FF; }
div { margin:0.5%; background:#0099FF; }
/* Seiten Tabelle */
#top, #bottom, #menuel, #main { position:absolute; float:left; }
#top { top:0; left:0; right:0; height:13%; }
#menuel { top:15%; bottom:7%; width:15%; margin-top:0; margin-bottom:0; margin-right:-0.5%; }
#main { top:15%; left:17%; right:0; bottom:7%; margin-top:0; margin-bottom:0; margin-left:-0.5%; }
#bottom { bottom:0; left:0; right:0; height:5%; }
*html,body { width:100%; height:100%; }
*html div { margin-left:0.5%; }
*html #top { width:100%; }
|
der dazugehörige Index Teil:
| Code: |
<?php
$config = "../../includes/config.php";
if (!file_exists($config)) {
die("<font color=\"#FF0000\"><b>Fehler:</b></font>\n<br>\n<br>Konfigurationsdatei wurde nicht gefunden");
} else { include ($config); }
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";
echo "<html xmlns=\"http://www.w3.org/1999/xhtml\">";
echo "<head>";
echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />";
echo "<link rel=\"stylesheet\" href=\"style/site.css\" id=\"default\" />";
echo "<title>FairLife - Das Projekt</title>";
echo "</head>";
echo "<body>";
echo "<div id=\"top\">";
echo "</div>";
echo "<div id=\"menuel\">";
echo "</div>";
echo "<div id=\"main\">";
echo "</div>";
echo "<div id=\"bottom\">";
echo "</div>";
echo "</body>";
echo "</html>";
?>
|
Meine "Quellen" die ich hier in ICQ kenne usw. kennen sich damit auch offensichtlich nicht richtig aus!
Hoffe das mir hier einer helfen kann!
Ich weis - das ich nerve
Ich hasse schon jetzt divLayer, aber ich muss die verwenden da ich feste Größen haben will und bei Tabellen geht die Größe nach dem Seiteninhalt bei % Angaben.
_________________
Mit freundlichen Grüßen
BiBaButzemann
|
|
| Nach oben |
|
|
eforium
Bekannter [Mod]
Anmeldung: 20.01.06
Beiträge: 1349
Wohnort: Irgendwo i ...
|
|
| Nach oben |
|
|
bangolo
Helfer [User]
Anmeldung: 01.03.07
Beiträge: 171
|
| Verfasst am: 25.03.2007, 17:30 Titel: |
|
|
also deinen code da zu entschlüsseln ist mir eigentlich bischen aufwendig
| Code: | html, body {
height:100%;
}
body {
margin:0;
padding:0;
background:#0055FF;
text-align:center;
}
#top, #menue1, #main-inner, #bottom{
background:#0099FF;
}
#top, #content, #bottom {
width:98%;
}
#top {
text-align:center;
height:83px;
margin-top:5px;
}
#content {
margin-top:5px;
margin-bottom:5px;
height:100%;
}
#menue1 {
float:left;
width:25%;
height:100%;
}
#main {
float:left;
width:75%;
height:100%;
}
#main-inner {
float:right;
width:98%;
height:100%;
}
#bottom {
bottom:0;
left:0;
right:0;
height:5%;
} |
so solllte das css gehen
probier einfach mal damit
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="top">
hier steht der header
</div>
<div id="content">
<div id="menue1">
hier steht menue1
</div>
<div id="main">
<div id="main-inner">
hier steht der Inhalt
</div>
</div>
</div>
<div id="bottom">
hier steht bottom
</div>
</body>
</html> |
das css vorher nahtürlich in einer datei style.css im gleichen verzeichniss spiechern 
_________________
http://www.die-abnehm-seite.de - http://www.wellness-beauty-info.de - http://www.artikel-liste.de
|
|
| Nach oben |
|
|
BiBaButzemann
Erfahrener [User]
Anmeldung: 25.06.06
Beiträge: 91
Wohnort: Moers
|
| Verfasst am: 25.03.2007, 21:09 Titel: |
|
|
Hi, der Lösungsvorschlag von bangolo sieht so aus: http://fairlife-projekt.de/templates/default/. Werd mich damit morgen mal beschäftigen scheint nur Große Fehler zu haben
_________________
Mit freundlichen Grüßen
BiBaButzemann
|
|
| Nach oben |
|
|
|
|
