Beiträge von sejuma

sejuma

Zitat von 00eraser00

es soll so sein, dass sich die divs an der auflösung ausrichten, aber ihr verhältnis zueinander trotzdem gleich ist

Dann musst du statt mit Pixelwerten mit Prozentangaben arbeiten, z. B. width: 80%

Dein Logo-Bild hat jedoch eine feste Breite. Von daher kann es sich nicht anpassen (Es sei denn du verwendest auch hier einen Prozentwert, was zu Skalierung mit Verpixelung führen kann).
Die Navi wird bei mir unter dem Logo angezeigt (IE 7).
Falls u IE 6 hast, dann weise der Navi noch ein "display: inline;" zu.

sejuma

So?

HTML

<!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" /> 
<title>Logventure</title> 
<style type="text/css"> 


body { 
background-image: url(bilder/back.gif); 
background-repeat:no-repeat; 
} 
body,td,th { 
font-family: Times New Roman, Times, serif; 
} 
#flash { 
float:right; 
background-color:transparent; border: 2px solid black;
} 


#container
{width: 982px;
margin: 0 auto;
border: 1px solid red;}


#logo { 
width:774px; 
height:206px; 
 border: 2px solid black;
} 


#menue{ 
float:left; 
margin-top:0px; 
width:120px; 
height:200px; border: 2px solid black;
} 


#hauptfenster { 
margin-left:120px; 
height:100%; border: 2px solid black;
} 


#etc { 
clear:both; border: 2px solid black;
} 


</style> 


<script type="text/javascript"> 
function archiv(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='archiv.html' style='height:100%; width:100%'></iframe>"; 
} 
function home(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='home.html' style='height:100%; width:100%'></iframe>"; 
} 
function organisation(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML="<iframe src='organisation.html' style='height:100%; width:100%'></iframe>"; 
} 
function idee(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='idee.html' style='height:100%; width:100%'></iframe>"; 
} 
function team(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='team.html' style='height:100%; width:100%'></iframe>"; 
} 
function schwerpunkte(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='schwerpunkte.html' style='height:100%; width:100%'></iframe>"; 
} 
function kompetenzen(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='kompetenzen.html' style='height:100%; width:100%'></iframe>"; 
} 
function partner(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='partner.html' style='height:100%; width:100%'></iframe>"; 
} 
function referenzen(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='referenzen.html' style='height:100%; width:100%'></iframe>"; 
} 
function kontakt(){ 
var zielobjekt =document.getElementById("hauptfenster"); 
zielobjekt.innerHTML= "<iframe src='kontaktformular.php' style='height:100%; width:100%'></iframe>"; 
} 
</script> 
</head> 


<body> 
<div id="container">
<div id="flash"> 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 


codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="1205"> 
<param name="movie" value="flash/fsblasen.swf" /> 
<param name="wmode" value="transparent" /> 
<param name="quality" value="high" /> 
<embed src="flash/fsblasen.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" 


type="application/x-shockwave-flash" width="200" height="1205"></embed> 
</object> 
</div> 


<div id="logo">[img]bilder/logventure_Logo2.jpg[/img]</div> 


<div id="menue">menue 
<dl id="menu"> 
 
 
<script type="text/javascript">var MenuLinkedBy="AllWebMenus 


[4]",awmMenuName="menu",awmBN="630";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" 


type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script> 
 
</dl> 
</div> 


<div id="hauptfenster">


hauptfenster</p> 
</div> 


<div id= "etc">Impressum, Webmaster: <a href="mailto:>> Edit by Admin :Das Posten von Email-Adressen ist hier nicht 


gestattet << </div>
</div>


</body> 
</html>

Alles anzeigen

Wenn du die Rahmen weglässt musst du nochmal die Breiten justieren.

sejuma

Kannst du mal bitte einen Link oder den gesamten Quelltext einstellen, damit wir mal einen einheitlichen Stand haben.

sejuma

Jetzt wird so langsam klar, was du willst.
Probier mal dieses Grundgerüst. Details musst du noch anpassen.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">


<html>


<head>


<title> 
Test
</title>


<style type="text/css">

#box2
{float:right;
width: 100px;
height: 500px;
border: 1px solid black;
}


#box1
{width: 700px;
height: 80px;
margin: 0 auto;
border: 1px solid black;
}


#box3
{float: left;
width: 150px;
height:400px;
border: 1px solid black;
}


#box4
{border: 1px solid black;
margin-left: 160px;
margin-right: 110px;}


#box5
{clear: both;
border: 1px solid black;
}
</style>


</head>


<body>
<div id="box2">box 2</div>
<div id="box1">box 1</div>
<div id="box3">box 3</div>
<div id="box4">box 4</div>
<div id="box5">box 5</div>


</body>
</html>

Alles anzeigen

sejuma

auf die Schnelle, ohne Test und ohne Garantie:

div 1 float: left;
div 2: margin-left: mit Breite von div 1 + evtl. margin left von div 1 + Abstand zwischen div 1 und 2

div 3: clear: left; flaot: left
div 4 wie div 2 (mit anderen Werten)

div 5: clear: left; margin: 0 auto;

sejuma

Dein Link hat einen ganz anderen Quelltext.
Hat evtl. dein Hochladen nicht durchgeschlagen?
Stimmen evtl. die Dateibezeichnungen nicht?

sejuma

Was soll denn da sonst noch gezeigt werden. Außer Background und Footer ist nichts drin.
Body und HTML hast du nach dem Footer geschlossen:

Code

<div align="center" style="margin:auto; margin-top:20px; text-align:center;">Impressum, Webmaster: [url='mailto:matthiasgeissler@gmx.de']Matthias Geißler[/url], letzte Änderung: 10.08.2007</div>
</body>
</html>

sejuma

Die Problematik liegt im HTML-Code, nicht im CSS.
Versuch's mal mit diesem Validator. Der scheitert bereits am fehlenden Doctype.

sejuma

Probier's mal so

Code

[img]images/foot.jpg[/img]

oder so:

Code

[img]images/foot.jpg[/img]

sejuma

Zitat von ::RMB::

Diese Methode funktioniert mit allen gängigen Browsern.

... vorausgestzt man hat im Quelltext einen Standard-Doctype drin und nicht den Quirksmode.

sejuma

Da kannst du noch ziemlich viel verbessern, vor allem im Quelltext:
Doctype fehlt, zweimal head geöffnet, zweimal body geöffnet - das alles hast du wohl dem sch...önen Frontpage zu verdanken.
Wenn du dich ernsthaft mit dem Thema Homepage beschäftigst, solltest du HTML und CSS lernen. hier findest du Tutorials.

Die Seite selbst ist mir viel zu bunt und unruhig. Das lenkt zu sehr vom Inhalt ab.

sejuma

@ Ole:
Ich hab's dir doch gesagt und hätte darauf sogar gewettet, dass du nicht "meinen" Doctype verwendest.

"Dein"Doctype (das ist der Quirks-Modus):

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

"Mein" Doctype (Standardmodus):

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Beim nächsten mal kostet das 'ne Runde!

sejuma

Hast du den IE 6 oder eine ältere Version?
Bei mir wird's im IE 6 nämlich korrekt angezeigt.
Rück mal bitte nochmal deinen kompletten Quelltext oder einen Link raus - auch wenn du meinst, er sei mit meinem identisch

sejuma

Wenn du mit div's bzw. CSS arbeitest, solltest du dich vom Frame-Denken auch konsequent verabschieden.
Bei der CSS-Methode werden generell immer alle Seiten komplett geladen.
Zum Unterschied zwischen div's und Frames siehe hier

sejuma

Wie unterscheidet sich das denn? Ich kann da keinen Unterschied erkennen.
Hast du einen Link?

sejuma

Ole

Du hast scheinbar doch nicht ganz meinen Doctype übernommen:
Damit sollte es auch im IE 6 klappen:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

sejuma

Ist vermutlich der IE6?
Hast einen Doctype wie bei mir eingefügt?
Ansonsten müsste ich heute Abend mal im IE6 testen.

sejuma

Probier's mal so:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">


<html> 
<head> 
  <title>Vielen Dank</title> 




  <meta name="Ole" content="Ole"> 


</head> 




<body style="background-color: rgb(30, 144, 255); color: rgb(0, 0, 0);
width:100%; height:100%; margin:0; padding:0;
" alink="#ff0000" link="#ff0000" vlink="#ff0000"> 




      <div style="position:absolute; top:50%; left:50%; margin-top: -170px; margin-left: -170px; width: 340px; height: 


170px; background-color: rgb(255, 255, 0); text-align: center;font-weight: bold; border:2px solid black;padding-top: 


160px;"> 
     Vielen Dank f&uuml;r deine E-Mail.
      </div> 


</body> 
</html>

Alles anzeigen

sejuma

Der background wiederholt sich bei größeren Bildschirmen. Deshalb solltest du hier noch no-repeat eingeben.

Als Schrift würde ich Verdana oder Arial nehmen. Wirkt flotter als die antiquierte Times.

sejuma

Du wolltest es ja heftig:
Eine Seite zum wegklicken!
Musikintro nervt, Mauszeiger wird verändert (sehr anmaßend), Werbung en masse,
worum geht es eigentlich, was ist der Inhalt?
Wer soll damit angesprochen werden?
Ich kann in dem ganzen keinen Sinn erkennen.

Beiträge von sejuma

divs anordnen

divs anordnen

divs anordnen

divs anordnen

divs anordnen

Website wird online nicht dargestellt

Website wird online nicht dargestellt

Hier ist mein Werk

Footeranhang

[HTML+CSS] Website horizontal zentrieren

Hier ist mein Werk

Webseite zentrieren

Webseite zentrieren

div container

Webseite zentrieren

Webseite zentrieren

Webseite zentrieren

Webseite zentrieren

Kanidelux.de - Hilfreiche texte!?!?

Hp Bewertung - Auch heftige Kritiken sind erwünscht!