[div/css] iexplorer verrassing - Softwareontwikkeling

zaterdag 17 september 2005 20:28

Acties:

Topicstarter

Kijk hier eens naar in iexplorer en hover over de tekst groter en reset link.
Ik heb geen idee hoe het komt.

Div en CSS is redelijk nieuw voor mij maar dit zijn toch gekke verrassingen.

http://www.myinc.nl/tw/test.html

code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>testpagina</title>
<style>
/* CSS Document */
body { font-family: Verdana; font-size: 75%; }

.container { width:780px; }

.top { letter-spacing:1px; border-bottom-width: 1px; border-bottom-color: #ccc; border-bottom-style: dotted; padding-bottom: 3px; height: 20px; font-size: .92em; }
    
    .tracker { text-align: left; float: left; color: #000; width:590px;}
    .tracker a { text-decoration: underline; color: #000; }
    .tracker a:hover { text-decoration: none; color: #000; }
    
    .language { text-align: right; float: left; color: #000; width:90px;}
    .language a { text-decoration: underline; color: #000; }
    .language a:hover { text-decoration: none; color: #000; }
    
    .textsize { text-align: right; float: left; color: #000; width:100px; }
    .textsize span { padding: 2px; }
    .textsize a { padding: 1px; background-color: #FFF; border: 1px solid #333333; color: #333; text-decoration: none; }
    .textsize a:hover { background-color: #000; color: #FFF; }
    
.header { height: 70px; border-bottom-width: 1px; border-bottom-color: #ccc; border-bottom-style: dotted; }


.content { }
    .mainbody { width: 520px; float: left; text-align: left; }
    .mainmenu { width: 260px; float: left; text-align: right; }

.bottom { clear: both; height:16px;  padding-bottom: 3px; font-size: .92em;}
    .search { float: left; width: 150px;  padding-top: 3px; }
    .contact { letter-spacing:1px; color: #999; padding-top: 7px; float: left; text-align: center; width: 480px;}
    .contact a { color: #999; text-decoration: underline; }
    .contact a:hover { color: #999; text-decoration: none; }
    .basedon {color: #000066; height:16px; float: left; text-align: right; width: 150px; padding-top: 7px; }

</style>
</head>
<body>
<div class="container"> 
  <div class="top"> 
    <div class="tracker"> <span class="pathway">pathway</span> </div>
    <div class="language"> client login</div>
    <div class="textsize"><span><a href="#">reset</a></span><span><a href="#">a+</a></span><span><a href="#">a++</a></span></div>
  </div>
  <div class="header"> 

  </div>
  <div class="content"> 
    <div class="mainbody"> <br/>
      teksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekst<br/>
      tekstteksttekstteksttekst<br/>
      teksttekstteksttekstte<br/>
      <br/>
      kstteksttekstteksttekst<br/>
      teksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekst<br/>
      tekstteksttekstteksttekst<br/>
      teksttekstteksttekstte<br/>
      <br/>
      kstteksttekstteksttekst<br/>
      teksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekst<br/>
      tekstteksttekstteksttekst<br/>
      teksttekstteksttekstte<br/>
      <br/>
      kstteksttekstteksttekst<br/>
    </div>
    <div class="mainmenu"> <br/>
      menu1<br/>
      menu2<br/>
      menu3<br/>
      menu4<br/>
    </div>
  </div>
</div>
<div class="container"> 
  <div class="spacer_dotted"></div>
  <div class="bottom"> 
    <div class="search"> zoek dingetje </div>
    <div class="contact"> contact dingetje</div>
    <div class="basedon">based on </div>
  </div>
</div>
</body>
</html>

[ Voor 179% gewijzigd door Ma_rK op 17-09-2005 20:32 ]

zaterdag 17 september 2005 20:34

Acties:

TheBorg

Resistance is futile.

code:

1	.textsize a:hover { background-color: #000; color: #FFF; }

Je moet daar ook width, height, etc.opgeven. de eigenschappen toevoegen van .textsize zonder hover.

[ Voor 55% gewijzigd door TheBorg op 17-09-2005 20:40 ]

zaterdag 17 september 2005 20:35

Acties:

André

Analytics dude

Lijkt op een renderbug

zaterdag 17 september 2005 20:56

Acties:

Ma_rK

Topicstarter

André schreef op zaterdag 17 september 2005 @ 20:35:
Lijkt op een renderbug

Als dat zo is is dit nr 3 in in 1 relatief klein project. Allemaal IE. Ik wordt er zo moe van. Kost zo veel tijd.

zaterdag 17 september 2005 21:19

Acties:

Ma_rK

Topicstarter

TheBorg schreef op zaterdag 17 september 2005 @ 20:34:
code:
1
.textsize a:hover { background-color: #000; color: #FFF; }
Je moet daar ook width, height, etc.opgeven. de eigenschappen toevoegen van .textsize zonder hover.

Die staat er toch ook boven? Anders moet je me even uitleggen wat je bedoelt.

zondag 18 september 2005 10:49

Acties:

Verwijderd

Ma_rK schreef op zaterdag 17 september 2005 @ 20:56:
Als dat zo is is dit nr 3 in in 1 relatief klein project. Allemaal IE. Ik wordt er zo moe van. Kost zo veel tijd.

zou dat aan IE liggen ?

Div en CSS is redelijk nieuw voor mij

punt is dat CSS opmaak niet neerkomt op het neerzetten van DIV's.

[ Voor 14% gewijzigd door Verwijderd op 18-09-2005 10:51 ]

zondag 18 september 2005 11:11

Acties:

crisp

Devver

Pixelated

Dit lijkt op de guillotine bug.
Ik heb het op weten te lossen door .content een width van 100% te geven.

Intentionally left blank

zondag 18 september 2005 12:08

Acties:

Ma_rK

Topicstarter

crisp schreef op zondag 18 september 2005 @ 11:11:
Dit lijkt op de guillotine bug.
Ik heb het op weten te lossen door .content een width van 100% te geven.

Crisp. Had ik al gezegt dat ik van je hou

? Nee? Ik hou van je $_/-\o_$

Pagina: 1

Reageer