|
|||
großes Problem beim zentrieren meiner Seite
Hi,
bin neu hier und habe mir sagen lassen das ich das Prob. mit CSS lösen koennte.. und zwarhabe ich ein Layout welches aus einem JPG besteht in dem Layout ist mittig ein graues Feld wo später meine TExt und GRafikinhalte angezeigt werden sollten nun habe ich das Layout (das JPG in einer Tabelle gepackt s das ich es zentrieren kann der Rest des HG ist grau (in Dreamweaver MX2004 ) über Eigenschaften eingestellt ..also das Hauptfeld /Layout liegt demendsprechent nicht über die ganze Seite sondern Mittig (als Rechteck) In dieser Tabelle habe ich nun eine Ebene auf with 100 % gesetzt und in der Ebene wieder eine TAbelle 3/3 für TExtinhalte erstellt.NUN soll die 2 .Ebene also Layer2 in der ersten Ebene aber so das diese die gleiche größe hat wie das grauhe Feld vom JPG und sollte mit einem Überlauf /auto versehen werden. Wenn ich jetzt die Auflösung von meinem Monitor ändere ( HP erstellt in 1024x76 verschiebt sich die 2. Ebene LAyer2 aus meinem Feld weil sie anscheinend nicht verankert ist (wie immer ich das so veranker das die LAyer2 die größe des grauen GRafikfeldes behält und dann noch an dieser Stelle bleibt)..mir hat man dazu geraten das mit CSS zu machen da kenne ich mich aber zur ZEit noch überhaupt nicht mit aus ..kann mir jemand helfen ..hab schon irgendwie alles probiert bekomme das nicht hin .. lg Sven |
Sponsored Links |
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- body { background-color: #666666; background-image: url(); } .Stil24 {font-family: "Futura Lt BT"; font-size: 14px; color: #999999; } --> </style> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body> <table width="200" border="0" align="center"> <tr> <td><div id="Layer1" style="position:absolute; width:578px; height:78px; z-index:1; left: 130px; top: 201px;"> <table width="565" height="78" border="1"> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </div> <div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 291px; top: 323px;">diese Ebene soll zentriert auf das graue Feld von dem HG so das eine Überlauf Funktion gegeben ist und die Ebene trotzdem bei geänderter Auflösung mittig bleibt genauso wie die Ebene 1 wie mach ich das ...? </div> <img src="Impressumhg.jpg" width="800" height="581" align="absmiddle"> </td> </tr> </table> </body> </html> so damit man das besser verstehen kann was ich meine hoffe es kann mir jemand helfen ich weiß net mehr weiter |
Sponsored Links |
|
|||
Ich habe wirklich kein Wort deiner Problembeschreibung verstanden (und ich habe schon viele gelesen).
Stell dir vor, Anfängern wäre die Nutzung von Tabellen, Inline-CSS (im HTML) sowie position:absolute verboten. Wie würdest du dann vorgehen? Kauf dir bitte ein Buch, im Ressourcen-Abschnitt dieses Forums wird eines zurzeit sehr empfohlen. |
|
|||
ok um es in einem Satz zu sagen ..ich bekomme Layer1 und 2 (Ebene 1und2 ) nicht auf das Layout meines HG zentriert...wennn die Monitorauflösung geändert wird verschieben sich die Ebenen.
lg Sven |
|
|||
Wenn du mit "layout meines HG" meinst, dass du zuerst ein Bild malst und später Elemente in dessen Mitte drauf verteilst:
Du benötigst ein div, welches die genaue Breite hat wie das gemalte Ziel, dieses Div zentrierst du mit margin: 0 auto; Dann bekommt dieser Container position:relative, dies ist der Bezugsrahmen für alle weiteren Positionierungen. Von mir aus kannst du dann mit position:absolute bezogen auf dieses Div positionieren. Flexibel wird das Ganze aber so nie. Das mit position:absolute und der Tabelle ist keine weiterführende Idee. |
|
|||
erstmal danke für deine Erklärung....ich hab mal ein wenig überlegt und mit meinem noch wenigen Wissen in dem Bereich eine glaube ic hbessere Lösung gefunden....wie sieht es aus wenn ich als erstes eine Tabellesetze..diese Tabelle mit dem GEsamten HG (als jpg) dann die Tabellenspalten so aufteile das der HG genau so unterteilt wird wie die Aufteilung der GRafik...das ganze zentriere...dann in der SPalte wo der Text rein soll mit dem Überlauf ein Iframe setze oder halt für den BEreich ein div....
besser ? oder welchen Vorschlag würdest du mir machen damit ic hes besser umsetzen kann ? JPG zerschneiden ? danke Sven |
|
|||
Ich sehe das Geld für ein modernes CSS Buch, dass noch nicht einmal eine halbe Tankfüllung kostet, als gute Investition an.
Ich befürchte, dass deine Herangehensweise mit Tabellen, iframes, abs. Positionierung dich auf einen sehr langen Irrweg führt. Damit sage ich nicht, dass es so nicht gehen würde: Leih dir aus einer Stadtbibliothek ein Homepage-Bastel-Buch von 1997 aus, da steht, wie es geht. Oder wirf die Seite komplett weg und schließ Tabellen, iframes, abs. Positionierung in den Giftschrank. Dann starte noch mal neu, nimm ein div, gib ihm eine feste Breite, zentriere dies mit margin: 0 auto; ... aber ich wiederhole mich. Für das Hintergrundbild lies mal background-position, für den "Überlauf-Bereich" lies mal overflow. (aside: Warum hilft mir eigentlich keine/r?) |
|
|||
Du machst das doch prima und dem ist nichts hinzuzufügen
Aber vielleicht hilft es den Beitragsersteller auf den richtigen Pfad zu führen, wenn jemand zustimmend applaudiert *klatschklatsch* Zitat:
Gruß Christian |
Sponsored Links |
|
|||
danke ich probiers ein html Publishing Buch von Sybex hab ich hier heute besorgt was könnt ihr mri an CSS Büchern empfehlen welche einem schon helfen für die Zukunft aber auch net super schwer sind ?
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
druck css problem: nur eine Seite wird ausgeduckt | diegaby | CSS | 5 | 14.12.2010 17:49 |
Probleme mit dem Layout: divanordnung | Muckel | CSS | 8 | 29.06.2008 12:28 |
Problem mit Formatierung einer XHTML 1.1 Seite | webfabrik | (X)HTML | 11 | 19.09.2006 16:38 |
Seite Horizontal zentrieren, Layers positionieren | ion | CSS | 1 | 18.09.2006 10:07 |
overflow problem - seite wird verwischt | wavewmaker | CSS | 3 | 02.11.2004 14:55 |