Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.07.2009 um 22:26 (UTC)    
Titel: Im IE sieht es gut aus im FF ist alles durcheinander

Hallo,

ich bin noch ien Neuling und dabei meine eigenes CSS design zu erstellen. Wenn ich mir jetzt das design aslo content header usw im IE anschaue ist alles ok. schua ich es mir im FF ist alles übereinander.

könnt ihr mir da helfen?

Hier mein codes.

der code im feld Text über dem design

Code:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://pur-fanseite.de.tl/Home.htm" id="current">Home</a>
</li>
<li><a href="http://pur-fanseite.de.tl/Band-Geschichte.htm">Band Geschichte</a></li>
<ul id="subnavlist">
<li id="subactive"><a href="http://pur-fanseite.de.tl/1975-_-1990.htm" id="subcurrent">1975 - 1990</a></li>
<li><a href="http://pur-fanseite.de.tl/1990-_-2000.htm">1990 - 2000</a></li>
<li><a href="http://pur-fanseite.de.tl/2000-_-2008.htm">2000 - 2009</a></li>
</ul>
</li>
<li><a href="http://pur-fanseite.de.tl/Musiker.htm">Musiker</a></li>
<ul id="subnavlist">
<li id="subactive"><a href="http://pur-fanseite.de.tl/Hartmut-Engler.htm" id="subcurrent">Hartmut Engler</a></li>
<li><a href="http://pur-fanseite.de.tl/Ingo-Reidl.htm">Ingo Reidl</a></li>
<li><a href="http://pur-fanseite.de.tl/Roland-Bless.htm">Roland Bless</a></li>
<li><a href="http://pur-fanseite.de.tl/Rudi-Buttas.htm">Rudi Buttas</a></li>
<li><a href="http://pur-fanseite.de.tl/Joe-Crawford.htm">Joe Crawford</a></li>
<li><a href="http://pur-fanseite.de.tl/Gastmusiker.htm">Gastmusiker</a></li>
</ul>
<li><a href="http://pur-fanseite.de.tl/Pur-Live.htm">PUR Live</a></li>
<ul id="subnavlist">
<li id="subactive"><a href=" http://pur-fanseite.de.tl/Pur-Tour-2009.htm " id="subcurrent">Tour 2009</a></li>
<li><a href=" http://pur-fanseite.de.tl/Live-auf-der-Aida.htm ">Live auf der Aida</a></li>
<li><a href=" http://pur-fanseite.de.tl/Benefizkonzert.htm ">Benefizkonzert</a></li>
</ul>
<li><a href="http://pur-fanseite.de.tl/Discographie.htm" >Discographie</a></li>
<ul id="subnavlist">
<li id="subactive"><a href="http://pur-fanseite.de.tl/Alben.htm" id="subcurrent">Alben</a></li>
<li><a href=" http://pur-fanseite.de.tl/DVD--s--VHS.htm" id="subcurrent">DVD / VHS</a></li>
</ul>
<li><a href="http://pur-fanseite.de.tl/Pur-B.ue.cher.htm">PURe Bücher</a></li>
<li><a href="http://pur-fanseite.de.tl/Bilder.htm ">Bilder </a></li>
</li>
<li><a href="http://pur-fanseite.de.tl/Kreatives.htm " >Kreatives</a></li>
<ul id="subnavlist">
<li id="subactive"><a href="http://pur-fanseite.de.tl/Wallpaper.htm " id="subcurrent">Wallpaper</a></li>
<li><a href=" http://pur-fanseite.de.tl/Zeichnungen.htm" id="subcurrent">Zeichnungen</a></li>
</ul>
</li>
<li><a href="http://pur-fanseite.de.tl/Links.htm ">Empfehlungen </a></li>
<li><a href="http://pur-fanseite.de.tl/Impressum.htm ">Impressum </a></li>
</ul>


udn hier der code im feld CSS-Code ohne style tags:

Code:

/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 div.header{display: none;}
 h1#title{display: none;} 
 #nav_container{display: none;} 
li.nav_element a{display: none;} 
li.nav_element a:hover{display: none;} 
ul#nav{display: none;}


/* Gestalten der Links */
a:link {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #CCCC00;
font-size: 13px;
text-decoration: none;}




body {
background-color: yellow;
}




#content {
position: relative;
left: 50%;
top: -510px;
margin-left:100px;
width: 650px;

padding:10px;
color: #F2F2F2;
font-size:13px;
background-color: #FFFFFF;
background-image:url();
border: 2px solid ##009900;
}

#sidebar_container{
position: absolute;
left: 50%;
top:0px;
margin-left: 840px;
width: 291px;
height: 600px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/side.jpg);
border:1px solid #FFFFFF;
color:#000000;
}


#navlist
{
list-style-type: none;
color: darkgray;
background-color: #00FF33;
margin-left: 5px;
}

#active:hover li { display: block; }
#active li { display: none; }

#navcontainer
{
position:absolute;
top: 450px;
margin-right: 20px;
width: 180px;
height: 300px;
background-color: #00FF33;
border: 1px yellow;
}

#navcontainer a
{
color: black;
background-color: #00FF33;
width: 120px;
display: block;
}

#navcontainer a:visited
{
color: black;
background-color: #00FF33;
}

#navcontainer a:active
{
color: black;
background-color: yellow;
}

#navcontainer a:hover
{
color: black;
background-color: yellow;
}


#header_container {
position: absolute;
top: -330px;
left: 50%;
margin-right:180px;
width: 1012px;
height:302px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/header.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

#nav_heading {
         position: absolute;
         left: 50%;
         margin-left:-490px;
         width: 150px;
         height:150px;
         background-color:#CCFF33;
         color:#FFFFFF;
         font-size:13px;
         border: 1px solid #FFFFFF;}


Ich würd mich freuen wenn ihr mir helfen könntet.

Liebe Grüße
Beitrag09.07.2009 um 22:50 (UTC)    
Titel:

So steht es jetzt im FF vernünftig untereinander ( im IE habe ich es nicht angeschaut ob es passt):

Zitat:
/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
h1#title{display: none;}
#nav_container{display: none;}
li.nav_element a{display: none;}
li.nav_element a:hover{display: none;}
ul#nav{display: none;}


/* Gestalten der Links */
a:link {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #CCCC00;
font-size: 13px;
text-decoration: none;}




body {
background-color: yellow;
}




#content {

margin-top:-450px;
margin-left:220px;

width: 700px;

padding:10px;
color: #F2F2F2;
font-size:13px;
background-color: #FFFFFF;
background-image:url();
border: 2px solid ##009900;
}

#sidebar_container{
position: absolute;
left: 50%;
top:0px;
margin-left: 840px;
width: 291px;
height: 600px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/side.jpg);
border:1px solid #FFFFFF;
color:#000000;
}


#navlist
{
list-style-type: none;
color: darkgray;
background-color: #00FF33;
margin-left: 5px;
}

#active:hover li { display: block; }
#active li { display: none; }

#navcontainer
{
position:absolute;
top: 450px;
margin-right: 20px;
width: 210px;
height: 300px;
background-color: #00FF33;
border: 1px yellow;
}

#navcontainer a
{
color: black;
background-color: #00FF33;
width: 120px;
display: block;
}

#navcontainer a:visited
{
color: black;
background-color: #00FF33;
}

#navcontainer a:active
{
color: black;
background-color: yellow;
}

#navcontainer a:hover
{
color: black;
background-color: yellow;
}


#header_container {
position: absolute;
top: -330px;
left: 50%;
margin-right:180px;
width: 1012px;
height:302px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/header.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

#nav_heading {
position: absolute;
left: 50%;
margin-left:-490px;
width: 150px;
height:150px;
background-color:#CCFF33;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Beitrag10.07.2009 um 13:34 (UTC)    
Titel:

hey,
danke das du dir das angeschuat has, aber beim FF ist immer noch alles übereinander es hat sich eig. nix verändert??

Keine Ahnung warum
Beitrag10.07.2009 um 13:48 (UTC)    
Titel:

Sehr geehrte/-r pur-fanseite,
Vielleicht holst du dir bei folgenden Perosnen Rat!

www.ig444.de.tl
www.nuo-designs.de.tl
www.metropole-designs.com


Ich hoffe ich konnte dich weitervermitteln so das dein Problem schnell gelöst ist.
Und wünsche dir einigermasen viel Spaß mit deiner Website!

Mit Freundlichen Grüßen
Andreas Rafael L.
Beitrag10.07.2009 um 21:21 (UTC)    
Titel:

pur-fanseite hat Folgendes geschrieben:
hey,
danke das du dir das angeschuat has, aber beim FF ist immer noch alles übereinander es hat sich eig. nix verändert??

Keine Ahnung warum


Ändere mal folgenden Teil:

Zitat:
#content {
position: relative;
left: 50%;
top: 20%;
margin-left:-40%;
width: 630px;
height: 100%;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:transparent;
background-image:url();
border: 1px solid #FFFFFF;}


Zuletzt bearbeitet von coolplace am 10.07.2009, 22:24, insgesamt 2-mal bearbeitet
Beitrag12.07.2009 um 20:18 (UTC)    
Titel:

Vielen dank Smile jetzt sieht es bei beiden gut aus bzw sah es gut as bin wieder am rum werkeln. danke für deine hilfe Laughing
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de