Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.12.2008 um 10:36 (UTC)    
Titel: ansicht mit FF und IE

Hallo,
ich bin gerade dabei ein design für jemanden zu coden und uns ist nun aufgefallen, dass die rechte box im FF normal gesehen wird im IE jedoch mit im content ist und somit den content bereich sprengt.
wie kann ich das ändern?

hoffe mir kann jemand helfen.
mfg,
Dominic
Beitrag23.12.2008 um 10:40 (UTC)    
Titel:

Da wir das nicht sehen können, wäre es hilfreich, wenn Du uns Screenshots zur Ferfügung stellen könntest bzw. uns sagen könntest, um welche Seite genau es sich handelt.

Grüßle
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag23.12.2008 um 10:44 (UTC)    
Titel:

oh sorry vergessen.
auf neuheitentest.de.tl ist das design.

hier die ansicht mitm IE:

http://i41.tinypic.com/1ou5op.jpg


hier mitm FF:

http://s11b.directupload.net/images/081223/ybes9fr9.jpg

beim IE liegts nicht an der version und nicht an der auflösung hab mit verschiedenen versionen geguckt.

mfg,
Dominic


Zuletzt bearbeitet von neuheitentest am 23.12.2008, 11:45, insgesamt einmal bearbeitet
Beitrag23.12.2008 um 10:49 (UTC)    
Titel:

Da kann ich Dir jetzt nicht weiterhelfen, am besten, Du stellst mal den kompletten Code hier rein. Einer der Profis wird Dir sicherlich was dazu sagen können.

Grüßle
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag23.12.2008 um 12:22 (UTC)    
Titel:

hier der css code ohne styletags:


Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#808080; background-image: url(http://img.webme.com/pic/a/aimbee-design/sunshine-pp2.jpg);}

a{color:#BA0B0B; font-size: 15px; text-decoration: none;}
a:hover {color: #BA0B0B; font-size: 15px; text-decoration: none;}
a:link {color: #BA0B0B; font-size: 15px; text-decoration: none;}
a:active {color: #BA0B0B; font-size: 15px; text-decoration: none;}
a:visited {color: #BA0B0B; font-size: 15px; text-decoration: none;}

li.nav_element a{
color:#BA0B0B;
display: block;
margin: 8px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 25px;
background-image:url(http://i276.photobucket.com/albums/kk30/Mom2AmySophie/Forum/Andere%20HPs/ButtonNavi.jpg);
background-color:#4D4D4D;}

li.nav_element a:hover{
color:#BA0B0B;
display: block;
margin: 8px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 25px;
background-image:url(http://i276.photobucket.com/albums/kk30/Mom2AmySophie/Forum/Andere%20HPs/ButtonNaviHover.jpg);
background-color:#919191;}

* { padding: 0; margin: 0; }

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 155px;
width: 960px;
background: transparent;
background-image:url(http://i276.photobucket.com/albums/kk30/Mom2AmySophie/Forum/Andere%20HPs/HeaderAimbeeDesign.png);
color: #FFFFFF;
border: 5px solid #99a832;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#nav_container {
width: 140px;
height: 400px;
background: #99A832;
background-image:url();
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#content {
height: 400px;
width: 650px;
background: #FAFBFC;
background-image:url();
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}

#sidebar_container {
height: 400px;
width: 140px;
background: #99A832;
background-image:url();
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px -68px 0px 0px;
padding: 10px;
float: right;
overflow:auto;}

#Feld_unten {
width: 970px;
background: #FAFBFC;
background-image: url(http://s10b.directupload.net/images/081223/dkefej2e.png);
color: #000000;
clear: both;
border: 0px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;}


muss aber schon wieder weg.
antworte dann später.


Zuletzt bearbeitet von neuheitentest am 23.12.2008, 19:22, insgesamt 4-mal bearbeitet
Beitrag23.12.2008 um 13:26 (UTC)    
Titel:

Und ich verschiebe es erst mal dahin, wo es die Profis es auch finden:

______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag23.12.2008 um 17:42 (UTC)    
Titel:

@sucess: danke fürs verschieben.

hoffe mal es findet sich jemand der das lösen kann.


mfg,
Dominic
Beitrag23.12.2008 um 18:26 (UTC)    
Titel:

Hi gerne

Zitat:
margin: 0px -68px 0px 0px;


Bei der Kurzschreibweise reicht margin, und der oder die Wert(e).

Ein Wert
Abstand oben, unten, links und rechts
Zwei Werte
Der erste Wert für den Abstand oben und unten, der Zweite Wert für links und rechts
Drei Werte
Der erste Wert für den Abstand oben, der Zweite links und rechts und der Dritte unten
Vier Werte
Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links

so also ist der 2.Wert für den Abstand von rechts -
wobei im Opera wird es auch korrekt angezeigt
aber da ist mit Sicherheit der Fehler (hab halt leider keien Zeit das zu testen und zu machen, weil ich ja hier eh kaum die Kurve krieg)
wenn du beim Nav-Container anfängst das Design von links an aufzubauen - dann beim content sagst soviel pixel glaube 2 hast du - von der Nav - und dann den sidebar container von rechts ausrichtest ist das falsch - weil du muß auch da von links ausgehen - immer von der linken Seite durchgehend mit allen Tabellen
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag23.12.2008 um 18:29 (UTC)    
Titel:

Setze für den IE mal diesen Teil dazu:

Zitat:
*html #sidebar_container {
height: 400px;
width: 140px;
background: #99A832;
background-image:url();
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px -74px 0px 0px;
padding: 10px;
float: right;
}


Und hier setzt Du das fehlende </div> ein, da das content-div sonst hinter dem sidebar-div endet, somit wäre der sidebar-container in dem Content.

Zitat:
<h2 id="title"><span><div align=center>Home</div> </span></h2>


Somit haut es im IE hin, im Firefox musst Du mal schauen, ob es klappt
Beitrag23.12.2008 um 18:53 (UTC)    
Titel:

also ich hab das erstmal mit margin gemacht.
dann hab ich noch die beiden codes von coolplace eingefügt.
jetzt passt es beim FF wieder aber IE hat sich nichts verändert.

Code:
<h2 id="title"><span><div align=center>Home</div> </span></h2>


gibt es dafür einen speziellen ort zum einfügen?
hab den einfach so bei css code ohne styletags reingepackt.


mfg,
Dominic
Beitrag25.12.2008 um 00:55 (UTC)    
Titel:

ok so langsam bin ich am verzweifeln Confused

hab jetzt fast ne stunde dran gesessen und versucht das irgendwie zu schaffen. dachte es wäre nur bei dem einem design ist aber auch bei dem was ich jetzt gemacht hab und auf neuheitentest.de.tl gestellt hab so.
nur das íst jetzt total komisch. alles ist scrollbar außer das coolmenü.
sieht man wenn man mitm IE auf neuheitentest.de.tl geht. wenn man mitm ff guckt sieht es wieder ganz normal aus.

hier ist jetzt nochmal der ganze code:


Code:
text über dem design:

<div id="Design04">
<div id="Header_oben"></div>
<div align="center">

text unter dem design:

</div>

css-code ohne styletags:

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#808080; background-image: url(http://s10b.directupload.net/images/081221/zbwq52a5.png);}

a{color:#ff9900; font-size: 15px; text-decoration: none;}
a:hover {color: #ff9900; font-size: 15px; text-decoration: none;}
a:link {color: #ff9900; font-size: 15px; text-decoration: none;}
a:active {color: #ff9900; font-size: 15px; text-decoration: none;}
a:visited {color: #ff9900; font-size: 15px; text-decoration: none;}

li.nav_element a{
color:#ff9900;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 170px;
height: 30px;
background-image:url(http://s11.directupload.net/images/081221/7t8vwjlj.png);
background-color:#4D4D4D;}

li.nav_element a:hover{
color:#cccccc;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 170px;
height: 30px;
background-image:url(http://s11.directupload.net/images/081221/7t8vwjlj.png);
background-color:#919191;}

* { padding: 0; margin: 0; }

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 80px;
width: 853px;
background: #000000;
background-image:url(http://img208.imageshack.us/img208/5227/unbeneuheitenxd3.png);
color: #FFFFFF;
border: 1px solid #000000;
margin: 20px -4px;
padding: 10px;
float: left;}

#nav_container {
width: 190px;
height: 420px;
background: #cccccc;
background-image:url();
color: #000000;
border: 1px solid #000000;
margin: -24px -4px;
padding: 10px;
float: left;}

#content {
height: 654px;
width: 643px;
background: #F2F2F2;
background-image:url();
color: #000000;
border: 1px solid #000000;
margin: -418px 206px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}

#sidebar_container {
width: 189px;
height: 150px;
background: #CCCCCC;
background-image:url();
color: #000000;
border: 1px solid #000000;
margin: 86px 715px;
padding: 10px;
float: right;}

#counter{display: none;}

<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Arial, sans-serif;
font-size: 12px;
overflow: auto;
padding: 2px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 0px;padding-top: 0px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 35px;
left: 50%;
margin-left:-465px;
width:905px;}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 175px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 2px solid #000000;
background-color: #666666;
background-image: url(http://s11.directupload.net/images/081221/7t8vwjlj.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 18px;
color: #ff9900;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #cccccc;
background-image: url(http://s11.directupload.net/images/081221/7t8vwjlj.png);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6
{
font-size: 12px;
display: none;
width: 120px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a,
{
font-weight: bold;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #ff9900;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<!-- Ende des Scriptes  -->

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Autos</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://Menupunkt1.1.htm">Lamborghini Estoque</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Computer & Co</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://Menupunkt1.1.htm">Windows 7</a></li>
<li><a href="http://Menupunkt1.2.htm">Windows 7 Beta im Netz</a></li>
<li><a href="http://Menupunktx.x.htm">Imovio ikit</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Elektronik</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://Menupunkt1.1.htm">Apple Ipod Nano 4th</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">PC-Spiele</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://Menupunkt1.1.htm">Alarm für Cobra 11: BW</a></li>
<li><a href="http://Menupunkt1.2.htm">Far Cry 2</a></li>
<li><a href="http://Menupunktx.x.htm">Motorm4x</a></li>
<li><a href="http://Menupunktx.x.htm">James Bond: QoS</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Support</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">

<li><a href="http://Menupunkt1.1.htm">Gästebuch</a></li>
<li><a href="http://Menupunkt1.2.htm">Kontakt</a></li>
<li><a href="http://Menupunktx.x.htm">Forum</a></li>

</ul>
</li>

</div>
<!--



ich hoffe dass mir das jemand (meinet wegen auch nach den weihnachtstagen) lösen kann. wäre ich sehr dankbar für. weil sonst kann ich kein css design mehr coden. weil es ja immer so aussieht.



mfg,
Dominic
Beiträge der letzten Zeit anzeigen:   


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