danke erstmal, mal schauen...
garnicht, ist ja auch falsch ;D
//edit: geht nicht, der untere kasten bleibt groß.
danke erstmal, mal schauen...
garnicht, ist ja auch falsch ;D
//edit: geht nicht, der untere kasten bleibt groß.
Hallo,
habe folgendes Problem:
Ich habe eine Webseite gemacht, bei der sich der Header über die ganze Breite der Seite ausdehnen soll und sich auch anpassen soll, bei einer geringeren Auflösung.
Soweit kein Problem, nur dummerweise besteht dieser header nicht nur aus einem div, sondern gleich aus 4. Einer oben, der den oberen Teil des Bildes enthält, einer links unten, der einen kleinen Teil des Bildes enthält, der in der mitte unten, der eine Newsbox enthält und noch einer rechts unten, der die Navigation enthält.
Hierbei soll sich der obere div anpassen und der unten rechts.
Die Probleme sind:
-IE 6 zeigt es falsch an. (Grund: Interpretiert min-width falsch und width+border stimmt nicht, ist aber kein problem, wird durch hacks gelöst)
-IE 7 zeigt es falsch an. (Grund: Ebenfalls width+border falsch, wird auch durch hacks gelöst)
-FF zeigt es richtig an, aber nur bei 1280*1024, was ich mal als Maximalgröße des Bildes genommen habe. Wenn man das Fenster verkleinert, oder wenn man von Anfang an eine kleinere Auflösung hat, verkleinert sich nur der obere Teil des Bildes, der Teil unten rechts bleibt gleich. Ich vermute, dass es daran liegt, dass der Teil sich auf 100% ausdehnt, allerdings die zwei divs auf der linken Seite nicht beachtet.
Ich weiß nicht wie ich es lösen soll. Eine Lösung (nur für FF) wäre, einfach im body "overflow:hidden" anzugeben, dann würde es richtig angezeigt werden. Allerdings könnte man dann ja auch nicht mehr vertikal scrollen.
Hier der Link:
http://www.gamling.kilu3.de/template1/index.html
Hier die CSS Datei:
body {
max-width:1280;
}
#navi_oben {
position:absolute;
top:0px;
right:0px;
background-image:url(../images/navi_oben.png);
width:360px;
height:38px;
}
#header {
position:absolute;
top:38px;
left:0px;
right:0px;
margin:0px;
padding:0px;
background-image:url(../images/header.png);
background-repeat:no-repeat;
width:1278px;
max-width:100%;
height:120px;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
overflow:hidden;
}
#unten_links {
position:absolute;
top:158px;
left:0px;
background-image:url(../images/unten_links.png);
width:71px;
height:144px;
border-left:1px solid black;
border-bottom:1px solid black;
}
#news_aussen {
position:absolute;
top:158px;
left:72px;
background-image:url(../images/news.png);
background-repeat:no-repeat;
width:247px;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
height:575px;
}
#news_innen {
position:absolute;
left:1px;
top:1px;
border:1px solid #5a5a5a;
width:240px;
padding-left:3px;
height:571px;
}
#header_unten {
position:absolute;
top:159px;
left:321px;
background-image:url(../images/header_unten.png);
background-repeat:no-repeat;
width:959px;
max-width:100%;
height:144px;
overflow:hidden;
}
#content {
position:absolute;
top:302px;
left:321px;
}
#news_head {
margin:0px;
background-image:url(../images/news_icon.png);
background-repeat:no-repeat;
padding-left:16px;
font-size:17px;
font-family:times, verdana, arial;
font-style:italic;
color:#da6434;
padding-top:0px;
padding-bottom:4px;
}
.strich {
margin:0px;
padding:0px;
border:0px;
padding-bottom:4px;
}
Alles anzeigen
Vielen Dank für eure hilfe schonmal
mfG
Gamling
Hi,
zum einen: google
Zum anderen: joomla ist sehr gut. Einerseits leicht zu bearbeiten, kannst aber auch selber einiges dran ändern, wenn du später mal mehr kannst.
Gamling
Wie wärs mit einfach ausschneiden und neu einfügen?
Dann mit Tabellen oder divs coden.
Wie das geht erfährst du hier: http://de.selfhtml.org
Sieht unten bisschen abgeschnitten aus...
Dir ist das Prinzip von PR-Anzeigern klar? Du gibst den betreibern einen Backlink... das wars
Und was bringt dir möglicher PR, der so eh nicht kommt, mit dieser Domain?
Auf 1280 Pixel zu optimieren stört mich zwar nicht, aber einen großteil der Menscheit schon.
Der Hover-Effekt der Navigation sieht nicht so toll aus.
Dazu noch 23 Errors auf der Startseite.
mfG
Gamling
PS: Text kann man in html übrigens auch ohne Grafiken ausgeben
1. Farbverlauf
2. Weiß nicht was du willst
3. Mit Patterns.
4. google hilft
Sieht alles nicht schlecht aus, aber naja, mit der Werbung kann mans auch übertreiben.
Und gibts bei Adsense nicht die Regel, dass keine andere Werbung auf der Seite geschaltet sein darf?
Wieso soll er nicht einfach den IE-Hack benutzen, der oben bereits beschrieben wurde???
ZitatWas meint Ihr, wie sind eure Erfahrungen bei dunklen Seiten?
Schlecht. Also das sieht 1. für mich nicht gut aus, und zweitens fühl ich mich da nicht wohl. Aber ich bin lieber still, ich muss grad selber ne metal seite machen.
Ansonsten würde ich an deiner Stelle das Design einfach deiner Website anpassen und auf die Tipps von google verzichten. Allerdings kann man deine Seite sehr schlecht lesen...
Gamling
ja kann man. Du kannst html darin anwenden.
Gamling
Du machst ein Design für´s Cms, lädst es hoch, dann kann man online den Inhalt ändern.
Gamling
inklusive verpixeltem header
Das alte war besser.
Sieht ganz geil aus, aber viel zu wenig kontrast
Hast nen netten "Gegenbanner" gemacht lukas. Aber: Nicht jedes Bild aus dem internet als .jpg speichern
@gohst:ähm, dein banner sieht gut aus, sagt dir der begriff dateiformat was???
Da 40% der zitierten Beleidigungen gegen mich gerichtet sind, bin ich (wiedermal!!!) dafür.
Der Banner ist geil, n1 Basstar, kommt in meine Signatur.
edit: sticht sich fürchterlich mit meinem avatar, aber egal
Gamling