Bug tabuľky v mozzile

iNviNho · Napísal **iNviNho**: 06.10.2012 0:12

Ahojte, mám problém s tabuľkou, ktorá mi neviem z akého dôvodu vyskakuje preč z contentu. Robí mi to iba v mozzile, inde to ide v poriadku.

Odkaz -> http://ekotrim.sk/galeria.php

kod tabuľky:

Kód:

table {
 border-collapse: separate;
 border-spacing: 0; 
}

td, th, caption {
 font-weight: normal;
 text-align: left;
 border-radius: 10;
 }

img, fieldset {
 border: 0;
 }

ol {list-style: decimal; }
ul {list-style: square; }

table, td, th {
   border: 2px groove;   
   margin-right: auto;
   margin-left: auto;
}
td {
   height: 120px;
   width: 120px;
   text-align: center;
}
td:hover {
   background-color: #7db041;
}

Ďakujem za hocijakú pomoc.

walther · Napísal **walther**: 06.10.2012 0:41

Citácia:

táto doména je zaregistrovaná prostredníctvom doménového portálu

Začni tým, že dáš správny odkaz na live ukážku

iNviNho · Napísal autor témy **iNviNho**: 06.10.2012 0:44

Videlo to už dosť ľudí a ešte nikto nemal problém s dostaním sa na stránku

http://www.ekotrim.sk
http://www.ekotrim.sk/galeria.php

walther · Napísal **walther**: 06.10.2012 0:50

Je pravda, že už napoly dnes spím, ale kliknúť na odkaz hádam ešte zvládam...

iNviNho · Napísal autor témy **iNviNho**: 06.10.2012 0:55

Ty Brdo, no to netuším rpečo robí... prezrelo si ju už cez 20 ľudí a nikto ešte takuto chybu nemal... asi bude blbé ti hovoriť, že stlač f5:D

weroro · Napísal **weroro**: 06.10.2012 3:49

Prečo by mal stláčať F5, keď na tej stránke ešte v živote nebol?

shaggy · Napísal **shaggy**: 06.10.2012 12:11

Mne to ide.
Problém je v tom, že v div#middle máš floatované prvky, ale tabuľka už floatovaná nie je, rovnako, ako nie je ani #middle a jeho rodičia.

Riešenie - z #middle daj preč tie blbosti, ako top: 0, bottom: 0. Pridaj mu float a do div#obsah pridaj nejaký čistíč (prečítaj si o clearovaní floatovaných prvkov).
Malo by to zabrať.

iNviNho · Napísal autor témy **iNviNho**: 06.10.2012 13:58

Predchadzajúci kod:

Kód:

div#middle {
   top: 0;
   bottom: 0;
   padding: 0;
   width: 700px;
   margin: 0 auto;
   margin-bottom: 40;
   padding-top: 0;
   
}

som opravil na :

Kód:

div#middle {
   float:left;
   padding-left: 50;
   width: 700px;
   margin: 0 auto;
   margin-bottom: 40;
}

a funguje to ako hodinky.

Ešte raz veľká vdaka

Bug tabuľky v mozzile

Podobné témy