PROBELEM mit div
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
aufbau
boxen
datei
definiert events
eigene datei
event
extra
fehler
hilfe
kleiner zusatz
main
model
musikschule
opus
positioning
right
top background
tutorial
vielen dank
-
Hi Leute hoffe ihr k?nnt mir helfen...
also habe einen DIV (hei?t events wenn ihr in den Quellcode schaut...)
er ist folgenderma?en in meiner css-datein definiert:
#events {
position: absolute;
left: 590px;
width: 168px;
padding: 10px;
vertical-align:top;
background-color: #F9daba;
border-right: 1px solid #8F9194;
border-bottom: 1px solid #8F9194;
border-top: 1px solid #EEF1F3;
border-left: 1px solid #EEF1F3;
color: #333333;
font: 8pt Verdana;
line-height: 140%;
}
trotz des position: absolute; left: 590px; wird die Box beim Internetexplorer und bei t-offline-browser zu weit links angezeigt... dh. nur Opera und Firefox zeigen es richtig an (mit 590px abstand nach links)
was kann ich da machen???
hier schaut euch das prob selber mal an:
http://moody.milten.lima-city.de/musikschule/
Hier noch der Link zur CSS-Datei... evt bringt es euch etwas: http://moody.milten.lima-city.de/musikschule/css/main.css
DAnke schonmal f?r die Hilfe
Moody
PS: die seite ist noch im Aufbau... also Inhaltlich ist da noch nichts... daher bitte keine Kommentare dazu!!! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi Leute hoffe ihr k?nnt mir helfen...
also habe einen DIV (hei?t events wenn ihr in den Quellcode schaut...)
er ist folgenderma?en in meiner css-datein definiert:
#events {
position: absolute;
left: 590px;
width: 168px;
padding: 10px;
vertical-align:top;
background-color: #F9daba;
border-right: 1px solid #8F9194;
border-bottom: 1px solid #8F9194;
border-top: 1px solid #EEF1F3;
border-left: 1px solid #EEF1F3;
color: #333333;
font: 8pt Verdana;
line-height: 140%;
}
trotz des position: absolute; left: 590px; wird die Box beim Internetexplorer und bei t-offline-browser zu weit links angezeigt... dh. nur Opera und Firefox zeigen es richtig an (mit 590px abstand nach links)
was kann ich da machen???
hier schaut euch das prob selber mal an:
http://moody.milten.lima-city.de/musikschule/
Hier noch der Link zur CSS-Datei... evt bringt es euch etwas: http://moody.milten.lima-city.de/musikschule/css/main.css
DAnke schonmal f?r die Hilfe
Moody
PS: die seite ist noch im Aufbau... also Inhaltlich ist da noch nichts... daher bitte keine Kommentare dazu!!!
ok hat sich er?brigt....
habe nen gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz dummen fehler gemacht... so dumm dass es weh tun m?sste...
hab f?r inetexplorer usw. die sachen nocheinmal extra definiert und habs da nicht ge?ndert... tja irren ist halt menschlich...
sry aber thread kann geschlossen werden ;) -
Was war denn der Fehler?Ich h?tte es n?hmlich genauso gemacht ?-?
-
Was war denn der Fehler?Ich h?tte es n?hmlich genauso gemacht ?-?
hab ich doch schon geschrieben...
hab f?r inetexplorer usw. die sachen nocheinmal extra definiert (weil inetexplorer ja fast alles doch ein wenig anders anzeigt als die ?blichen browser :D ) und da hab ich es nicht ge?ndert :( -
hab f?r inetexplorer usw. die sachen nocheinmal extra definiert (weil inetexplorer ja fast alles doch ein wenig anders anzeigt als die ?blichen browser :D ) und da hab ich es nicht ge?ndert :(
Soll hei?en, dass du f?r den Internetexplorer einen eigenen CSS hast? -
hab f?r inetexplorer usw. die sachen nocheinmal extra definiert (weil inetexplorer ja fast alles doch ein wenig anders anzeigt als die ?blichen browser :D ) und da hab ich es nicht ge?ndert :(
Soll hei?en, dass du f?r den Internetexplorer einen eigenen CSS hast?
nein keine eigene css aber ich habe f?r den internetexplorer die sachen die er "falsch" anzeigt nocheinmal extra definiert... bei mir sieht das so aus:
<!-- resolve IE BOX-Model Positioning Problem -->
<!--[if ie]>
<style type="text/css">
#events {left: 590px;}
#rechts {left: 780px;}
</style>
<![endif]-->
also keine eigene datei... sondern nur ein kleiner zusatz (musste im head mit einbinden!) -
hab f?r inetexplorer usw. die sachen nocheinmal extra definiert (weil inetexplorer ja fast alles doch ein wenig anders anzeigt als die ?blichen browser :D ) und da hab ich es nicht ge?ndert :(
Soll hei?en, dass du f?r den Internetexplorer einen eigenen CSS hast?
nein keine eigene css aber ich habe f?r den internetexplorer die sachen die er "falsch" anzeigt nocheinmal extra definiert... bei mir sieht das so aus:
<!-- resolve IE BOX-Model Positioning Problem -->
<!--[if ie]>
<style type="text/css">
#events {left: 590px;}
#rechts {left: 780px;}
</style>
<![endif]-->
also keine eigene datei... sondern nur ein kleiner zusatz (musste im head mit einbinden!)
vielen dank f?r die codes!
ich habe in der not meine HP gesplittet^^
ne weiterleitung auf ne eigene seite f?r Netscape/Mozilla/Firefox und den rest auf ne IE-Seite xD
jetzt wei? ich wie ich das prob eleganter l?sen kann
vielen dank nochmals -
Also ich habe immer 3 Stylesheets. Mit php habe ich dann einfach eine Browserweiche eingebaut, wo je nach Browser (IE,FF, Opera) ein anderes Stylesheet implementiert wird. Falls es wen interessiert...bei den Tutorials d?rfte das Tutorial daf?r sein. (hei?t Browserweiche oder so -.-')
-
Also ich habe immer 3 Stylesheets. Mit php habe ich dann einfach eine Browserweiche eingebaut, wo je nach Browser (IE,FF, Opera) ein anderes Stylesheet implementiert wird. Falls es wen interessiert...bei den Tutorials d?rfte das Tutorial daf?r sein. (hei?t Browserweiche oder so -.-')
das ist dann nat?rlich auch eine elegante l?sung. wobei es leichter ist nur die sachen, welche falsch angezeigt werden zu ?ndern, da man sonst doppelte arbeit hat ;)
-
<!-- resolve IE BOX-Model Positioning Problem -->
<!--[if ie]>
<style type="text/css">
#events {left: 590px;}
#rechts {left: 780px;}
</style>
<![endif]-->
ist das eigentlich beabsichtigt dass bei <![endif]--> die beiden "--" fehlen?
/edit: hat sich erledigt
Beitrag ge?ndert am 15.03.2006 15:27 von t0mm1 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
