[HaBo]
| (Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI... |
ganz *simpel* | alles mittig stellen?
Diskussion: ganz *simpel* | alles mittig stellen? im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hi! Habe meine Page schon fast fertig, ... (Buttons müssen noch einmal überarbeitet werden), er Code ist fertig und ...
 |
27.01.06, 23:28
| #1 (permalink) |
| Guest Likes: |  ganz *simpel* | alles mittig stellen? Anzeige Hi! Habe meine Page schon fast fertig, ... (Buttons müssen noch einmal überarbeitet werden), er Code ist fertig und die Page ist online. Jetzt wollte ich aber, das mein komplettes design "mittig" im Browser erscheint, und nicht wie jetzt links oben. Da der ganze Code aber schon steht, wollte ich nicht noch einmal alles machen... Hat fast 5 Tage gedauert (beginner). Habe mir gedacht, machste einfach noch ne Tabelle über ALLES, was im Body steht und setzt die mittig aus,... läuft so aber nicht,... oder? Bei mir gehts nicht, evt. FEHLER, ka. Also wollte ich euch fragen ob ihr mir vielleicht helfen könntet? Poste mal den Code hier rein, wäre echt nett, wenn mir jemand helöfen könnte Wenn ihr die Page mit dem design dazu sehn müsst, LINK hier M f G Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Portfolio Alexander Otto</title> </head> <body style="background-image:url(images/bg.jpg); margin:0px; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;"> <table width="1005" border="0" align="center" cellpadding="0" cellspacing="0" > <tr valign="top"> <td height="71" style="background-image:url(images/kid_01.gif); background-repeat:no-repeat;" colspan="3"> </td> </tr> <tr valign="top"> <td width="70" height="393"style="background-image:url(images/kid_02.gif); background-repeat:no-repeat;"> </td> <td width="779"> <table width="760" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> </tr> <tr valign="top"> <td width="178" height="392" style=background-image:url(images/kid_05_3.gif); background-repeat:no-repeat;"> <table width="178" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td width="178" height="234"> <!-- Navigation --> <table width="177" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td width="177" height="183" class="naviback"> </td> </tr> <tr valign="top"> </tr> <tr valign="top"> <td width="177" height="44" class="naviback"><a href="news.html"onmouseover="austausch1.src='images/Kid_Button_News_H igh.jpg';"onmouseout="austausch1.src='images/Kid_Button_News.jpg';"> <img src="images/Kid_Button_News.jpg"border="0" width="176"height="39"name="austausch1"></a> </tr> <tr valign="top"> </tr> <tr valign="top"> <td width="177" height="44" class="naviback"><a href="profile.html"onmouseover="austausch2.src='images/Kid_Button_Pro file_High.gif';"onmouseout="austausch2.src='images/Kid_Button_Profile.g if';"> <img src="images/Kid_Button_Profile.gif"border="0" width="176"height="39"name="austausch2"></a> </tr> <tr valign="top"> </tr> <tr valign="top"> <td width="177" height="44" class="naviback"><a href="works.html"onmouseover="austausch3.src='images/Kid_Button_Works _High.gif';"onmouseout="austausch3.src='images/Kid_Button_Works.gif';"& gt; <img src="images/Kid_Button_Works.gif"border="0" width="176"height="39"name="austausch3"></a> </tr> <tr valign="top"> </tr> <tr valign="top"> <td width="177" height="42" class="naviback"><a href="guest.html"onmouseover="austausch4.src='images/Kid_Button_Guest _High.gif';"onmouseout="austausch4.src='images/Kid_Button_Guest.gif';"& gt; <img src="images/Kid_Button_Guest.gif"border="0" width="176"height="39"name="austausch4"></a> </tr> </table> <!-- Navigation END --> </td> </tr> <tr valign="top"> </tr> <tr valign="top"> </tr> <tr valign="top"> </tr> <tr valign="top"> </tr> </table> </td> <td width="22" height="392" style="background-image:url(images/kid_06.gif); background-repeat:no-repeat;"> </td> <td width="574" height="392" style="background-image:url(images/bg.jpg);"> <table width="558" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td width="558" height="105" style="background-image:url(images/oben.gif); background-repeat:no-repeat;"> </td> </tr> <tr valign="top"> <td width="558" height="254"> <table width="558" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td width="84" height="254" style="background-image:url(images/rechts.gif); background-repeat:no-repeat;"> </td> <td width="400" height="254" style="background-image:url(images/mitte.gif); background-repeat:no-repeat;"><iframe src="news_texts.html" frameborder="0" name="iframe" scrolling="auto" style="filter: Chroma(color=#EBDCF8)" width="400" height="254"> </iframe> </td> <td width="74" height="254" style="background-image:url(images/links_2.gif); background-repeat:no-repeat;"> </td> </tr> </table> </td> <tr valign="top"> <td width="558" height="34" style="background-image:url(images/unten.gif); background-repeat:no-repeat;"> </td> </tr> </table> </td> <tr valign="top"> </tr> </table> </td> <td width="156" height="393" style="background-image:url(images/nix.jpg); background-repeat:no-repeat;"> </td> </tr> <tr valign="top"> <td height="130" style="background-image:url(images/kid_03_3.gif); background-repeat:no-repeat;" colspan="3"> </td> </tr> </table> </body> </html> |
 |
|
28.01.06, 00:01
| #2 (permalink) |
| Guest Likes: | Die einfachste Lösung, die mir spontan einfällt, wäre über den kompletten Code im body einen div-Container ziehen. Der müsste dann mit align: center und margin: auto definiert werden und fertig! Allerdings hatte ich keine Zeit mir den gesammten Code anzusehen. Von daher könnten Konflikte zwischen dem jetzigen und dem mit Container entstehen. Aber des stellt sich ja dann heraus... Greetz |
| |
| HaBOT | - Anzeige - |
|
|
28.01.06, 04:04
| #3 (permalink) | |
| Registriert seit: 25.12.04  Likes: 0 | Ich weiß jetzt nicht genau, was Du wie miitig haben möchtest. Vielleicht ist es ja so, wie ich denke: Zitat:
| |
| |
" width="400" height="254"> </iframe> </td>|
28.01.06, 13:18
| #4 (permalink) |
| Guest Likes: | ... Alles wollte ich mittig haben. Also das komplette design der Page, jetzt ist es oben links ( siehe Link ). Das sollte halt nicht oben links, sondern oben mitte sein. Und normal würde es ja reichen, wenn ich die oberste Tabelle auf align="center" schreibe, aber funktioniert nicht so wie ich mir das vorstellen  Was ist also *falsch*?Code: <table width="1005" border="0" align="center" cellpadding="0" cellspacing="0"> Mfg |
| |
|
28.01.06, 13:26
| #5 (permalink) |
| Registriert seit: 20.01.03  Likes: 0 | Geht doch einfach: Code: <html>
<head><style>
#placeholder { text-align: center; } // für IE
#wrapper { margin: auto; } // für Firefox & Co.
</style>
<body>
<div id="placeholder">
<div id="wrapper">
zentrierter content, egal was
</div>
</div>
</body>
</html> |
|
| |
|
28.01.06, 13:39
| #6 (permalink) | |
| Registriert seit: 25.12.04 Likes: 0 | Ich hatte den Link nicht gesehen. Dann müsste der gesamtquelltext eigentlich so aussehen: Zitat:
| |
|
| |
|
28.01.06, 14:20
| #7 (permalink) |
| Senior Member Registriert seit: 18.09.05 Likes: 0 | Mmh.. einfach <center></center> um den kompletten inhalt rum bringts nich? |
|
| |
|
28.01.06, 14:32
| #8 (permalink) |
| Registriert seit: 25.12.04 Likes: 0 | Ich bin mir jetzt nicht 100% sicher, aber die Seite sieht so aus (auch von der Formatierung her), als ob sie mit Photoshop erstellt wurde. Dann gesliced und mit nem HTML Editor weiter verarbeitet wurde. Das machts mit den Ebenen etwas schwer, zwecks der Formatierung, aber wie gesagt, ich bin mir auch nicht 100% sicher. |
|
| |
|
28.01.06, 14:38
| #9 (permalink) |
| Registriert seit: 20.01.03 Likes: 0 | <center> ist deprecated, sollte man nicht mehr benutzen. Sauberer geht das mit css, wie oben bereits geschrieben: http://www.css4you.de/wslayout1/ex0003.html |
|
| |
|
| - Anzeige - | |
|
|
[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » ganz *simpel* | alles mittig stellen?
| Themen-Optionen | |
| Ansicht | |
Linear-Darstellung
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Zahlen, Stellen, Teilbarkeit | CDW | Programmieraufgaben | 2 | 19.06.09 16:04 |
| Simpel Variablen per Formular übergeben | U553R §80 | (Web-) Design und webbasierte Sprachen | 8 | 26.05.08 02:46 |
| Tv-Ausgang auf 50 Hz stellen? | Metallica | Hardware Probleme | 3 | 28.05.07 16:54 |
| XP: 14 stellen PW geknackt?!? | Elderan | (In)security allgemein | 19 | 01.08.04 17:55 |
| LC4 => 8 Stellen Passwörter | Elderan | Cryptography & Encryption | 3 | 11.05.04 13:52 |
