zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Layout stimmt im Firefox nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.08.2007, 19:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2007
Beiträge: 11
miketech befindet sich auf einem aufstrebenden Ast
Standard Layout stimmt im Firefox nicht

Hi zusammen,

ich versuche gerade ein Layout mit HTML und CSS zu erstellen, allerdings sieht es nicht so aus, wie gewünscht. In der Vorschau von Eclipse stimmt es, im Internet Explorer auch, aber im Firefox stimmt irgendwas nicht. Vielleicht könnt ihr mal schauen, was ich hier falsch mache:

PHP-Code:
<table class="pageTable"><tbody><tr><td><span class="header">Kunden&uuml;bersicht</span></td></tr>
<
tr><td>

<
table class="standardTable">
<
thead>
  <
tr><th class="standardTableHeader">KNr.</th><th class="standardTableHeader">Vorname</th><th class="standardTableHeader">Nachname</th><th class="standardTableHeader">eMail</th><th class="standardTableHeader">Telefon</th><th class="standardTableHeader">Fax</th></tr></thead>

<
tbody id="_idJsp3:tbody_element">
<
tr class="standardTableRow1" onclick="javascript:alert('angeklickt2');"><td class="standardTableColumn">1</td><td class="standardTableColumn">Vorname1</td><td class="standardTableColumn">Nachname1</td><td class="standardTableColumn">mail1@xy.com</td><td class="standardTableColumn">2352341</td><td class="standardTableColumn">123123151</td>
</
tr></tbody>

</
table>

</
td></tr>
</
tbody>
</
table
(Hier nur der wesentliche Teil dargestellt)

Noch die CSS:

body {
background-color: #DEDEE1;
margin: 0px;
}

.pageTable {
width: 100%;
margin: 0px;
}

.header {
width: 100%;
float: none;
color: #000000;
font-size: 28px;
font-weight: bold;
background-color: #CCCCCC;
border-bottom-style: ridge;
border-bottom-width: 2px;
padding-left: 5px;
padding-bottom: 20px;
padding-top: 10px;
}

.standardTableRow1, .standardTableRow2 {
cursor: pointer;
}

.standardTableRow1 {
background-color: #FFFFFF;
}

.standardTableRow2 {
background-color: #FFFFDD;
}

.standardTableColumn {
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: #444444;
padding: 2px;
}

.standardTableHeader {
background-color: #FFFFDD;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: #444444;
padding: 2px;
}

.standardTable {
background-color: #FFFFFF;
font-family : Sans-Serif, Arial, Helvetica;
font-size: 11px;
color: #000000;
padding: 25;
border-style: ridge;
border-width: 1px;
border-color: #444444;
border-collapse: collapse;
}


Im Anhang findet ihr ein Bild, wie es bei mir im Firefox aussieht.

Aus irgendeinem Grund wird meine Überschrift in die darunterliegende Tabelle gezeichnet und der graue Bereich von "Kundenübersicht" ist auch viel zu klein. Der sollte eigentlich die Breite 100% haben.

Wie gesagt: In Eclipse und im IE siehts richtig aus.

Hat jemand eine Idee?

Mike
Angehängte Grafiken
Dateityp: jpg layout.jpg (25,5 KB, 6x aufgerufen)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Layout funktioniert nur im Firefox :( bryan CSS 2 01.01.2011 23:34
CSS Layout IE / Firefox - Darstellungsproblem bei float:right petis CSS 5 07.01.2009 17:43
Problem mit 3-spaltigem Layout im Firefox Imhotep CSS 4 08.07.2008 18:17
Firefox 2 "zerhackt" Layout Pino CSS 3 18.02.2007 13:39
Layout im Firefox zerschossen? Karlo CSS 3 14.02.2007 16:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:35 Uhr.