Autor |
Nachricht |
loveandhate
Threadersteller
Dabei seit: 24.12.2007
Ort: Seligenstadt
Alter: -
Geschlecht:
|
Verfasst Sa 05.01.2008 00:23
Titel [CSS] <div> Inet explorer optmierung ? |
|
|
sers,
ich hab en div layout geschrieben.....funzt auch alles soweit, nur des einzige, was im inet explorer noch flasch dargestellt wird, ist die navigation.....die ist nicht horizontal, wie beim firefox, sondern senkrecht angeordnet.....weiss einer woran des leigen kann.....
ausserdem ist der flash container verschoben.....aber alles andere wird angezeigt, wie es soll.....hier mal die passenden css und html abschnitte:
Code: | #nav{
width: 800px;
height: 40px;
border: 0px solid black;
position: relative;
padding-top:5px;
left:0px;
top:20px;}
div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; border:none; }
div.td { display:table-cell; border:none; width:80px;height:auto; padding:1px; margin:0px auto;}
#main_div{
width: 800px;
border: 0px solid black;
background-color: #ffffff;
position: relative;
margin: 0px auto;
}
#button_1 {
position:relative;
height:25px;
width:80px;
border:0px;
float:right;
margin:0px auto;
padding:1px;
}
#flash_wrapper {
position:relative;
height: 100px;
width:400px;
border: 0px solid black;
margin: 0px;
padding: 0px;
background-color: #ffffff;
text-align:left;
left:50px;
top:20px;
}
#body_wrapper {
width:850px;
min-height:550px;
border: 0px solid black;
margin: 0px auto;
padding: 0px;
background-color:#FFFFFF;
text-align:left;
background-image:url(../images/head_footer.png);
background-repeat:no-repeat;
text-align:center;
}
|
Code: | html:
<div id="nav">
<div id="button_1">
<form action="kontakt.html">
<input name="Send" type="submit" value="Kontakt" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div>
<div class="table">
<div class="tr">
<div class="td"><div id="button">
<form action="index.html">
<input name="Send" type="submit" value="Home" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div></div>
<div class="td"><div id="button">
<form action="info.html">
<input name="Send" type="submit" value="Info" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div></div>
<div class="td"> <div id="button">
<form action="internet.html">
<input name="Send" type="submit" value="Internet" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div></div>
<div class="td"><div id="button">
<form action="design.html">
<input name="Send" type="submit" value="Design" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div></div>
<div class="td"><div id="button">
<form action="glossar.html">
<input name="Send" type="submit" value="Glossar" style="background-image:url(images/button.gif); background-color:transparent; width:80px; height: 25px; font-family:Trebuchet,Helvetica,sans-serif;font-style:normal;font-weight:normal;color:#FFFFFF;font-size:12px;">
</form>
</div></div>
</div>
</div>
</div>
.
.
.
.
.
<div id="body_wrapper">
<div id="flash_wrapper">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="100"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0">
<param name="movie" value="dateien/index_swf_.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="false">
<param name="bgcolor" value="#000040">
<embed src="dateien/index_swf_.swf" quality="high" scale="exactfit" menu="false"
bgcolor="#000000" width="700" height="100" swLiveConnect="false"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"> </embed>
</object>
</div>
.
.
.
</div>
|
für die script action methode hab ich meine gründe...sollte am besten so bleiben.....wie gesagt, die tabelle sollte waagrecht (im firefox klappts) und nicht senkrecht verschoben dargestellt sein......des flash div ist nur nach rechts verschoben....
des ganze ist umschlossen mit dem <div id="main_div">
MFG
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Sa 05.01.2008 00:27
Titel
|
|
|
http://www.css4you.de/display.html (Tabelle unten)
Alles klar? Du moechtest da eher herumfloaten und Listen verwenden.
Zuletzt bearbeitet von Zeithase am Sa 05.01.2008 00:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
loveandhate
Threadersteller
Dabei seit: 24.12.2007
Ort: Seligenstadt
Alter: -
Geschlecht:
|
Verfasst Sa 05.01.2008 00:57
Titel
|
|
|
Zeithase hat geschrieben: | http://www.css4you.de/display.html (Tabelle unten)
Alles klar? Du moechtest da eher herumfloaten und Listen verwenden. |
denke für den link....-.-....jetz ist also abzuschätzen ob man auf die explorer user verzichten kann....
stimmt oder <ul> schreiben.....
Zuletzt bearbeitet von loveandhate am Sa 05.01.2008 00:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Sa 05.01.2008 00:58
Titel
|
|
|
loveandhate hat geschrieben: | jetz ist also abzuschätzen ob man auf die explorer user verzichten kann.... |
Na, klar. Die Sackratten braucht doch keiner.
|
|
|
|
|
loveandhate
Threadersteller
Dabei seit: 24.12.2007
Ort: Seligenstadt
Alter: -
Geschlecht:
|
Verfasst Sa 05.01.2008 16:34
Titel
|
|
|
des mit den tabellen bekomm ich iwie net hin....die sind immernoch verschoben
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS lnternet Explorer
CSS im Internet Explorer
dreamweaver vs. explorer
Internet Explorer 6.0 Anzeigeproblem... ole!
Outline in Internet-Explorer
Farbdarstellung von IE Internet Explorer
|
|