|
|||
Unerklärliche Lücke über DIV
Hallo Forum,
ich versuche gerade herauszufinden, warum auf einer meiner Seiten eine Lücke über einem DIV ist, die dort nicht hingehört, dieses und kein anderes Element haben ein margin oder padding. Es macht auch kaum einen Unterschied in welchem Browser ich es ausführe, in Chromium, Opera, FF11 und dem IE9 tritt diese Lücke auf im FF5 noch nicht. gemeint ist der markierte Bereich: Wie dort zu sehen ist, handelt es sich um ein PHP Dokument aber da ich ja HTML ausgeben, denke ich hier noch richtig zu sein. Der Quellcode der Seite ist quasi dieser hier: HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <title>Kabelliste</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="./netzwerkprojekt/styles/reset.css" /> <link rel="stylesheet" type="text/css" href="./netzwerkprojekt/styles/table.css" /> <link rel="stylesheet" type="text/css" href="./netzwerkprojekt/styles/style.css" /> <link rel="stylesheet" type="text/css" href="./netzwerkprojekt/styles/404.css" /> </head> <body> <div id="leitungs-box"> <p class="leitungsnummer">Leitungsnummer: 5</p> </div> <div id="count-box">18 Einträge gefunden :)</div><br /> <table width="100%"> <colgroup> <col width="10%"> <col width="10%"> <col width="40%"> <col width="40%"> </colgroup> <tr> <th>Start-DS</th> <th>Ziel-DS</th> <th>Geräte</th> <th>Port</th> </tr> <tr class="white" id="36"><td>2</td> <td>2</td> <td>PP 9</td> <td>P23</td> </tr> </table></body> </html> Hier noch die zwei CSS-Dateien die es betreffen kann: reset.css: Code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } Code:
body { line-height: 1; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: rgb(223, 223, 223); } body, html, p { margin: 0; } body, html { height: 100%; } .leitungsnummer { padding: 10px 0 10px 0; font-size: 48px; color: white; } .counter { font-size: 12px; color: white; } #leitungs-box { width: 100%; padding: 0 0 10px 0; text-align: center; background-color: rgb(128, 128, 128); } #count-box { width: 100%; padding: 10px 0 10px 0; text-align: center; } Geändert von Tony-S (12.04.2012 um 23:44 Uhr) |
Sponsored Links |
|
|||
Moin,
bitte einen Link zur Seite posten. Zip-Dateien lädt sich kaum einer runter. Wenn die Seite nicht Online ist: Google nach Freehoster (meine Empfehlung: bplaced.net). gruß, take |
Sponsored Links |
|
|||
Zitat:
Folgendes noch als Hinweis: Deine Datei ist ISO-Kodiert und nicht, wie du angibst, in UTF-8. Speichere deine Datei UTF-8 kodiert (ohne BOM) ab (das sollte in jedem Editor problemlos möglich sein). Zudem solltest du die Meta-Angabe zur Zeichenkodierung vor das title-Element stellen (dieses könnte je bereits kodierte Zeichen enthalten).
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|||
Moin,
mit diesem Script kann man ebensowenig tun. Ich werde jetzt bestimmt nicht versuchen, dass irgendwie auf meinem lokalen Server ans Laufen zu bekommen, geschweige denn es im Kopf zu parsen. Was ich dir aber sagen kann ist: Dein Script hat eine Sicherheitslücke der Größe von 3-4 Scheunentoren (SQL-Injection, Cross-Site-Scripting). Informiere dich mal hier im SELFHTML-Wiki, wie man sowas vermeidet. gruß, take |
|
|||
Ich habe es jetzt anders und zwar mit absoluten Angaben gelöst.
Also count-box und leitungs-box auf position: absolute; und top so das es passt. Geändert von Tony-S (12.04.2012 um 23:48 Uhr) |
|
|||
Absolute Positionierung ist fast immer ein Problem mehr anstatt ein Problem weniger.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 19:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 16:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 15:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 19:18 |