I am currently creating a simple html page for someone. But when testing the webpage somehow google chrome is acting very strange with it.
This is the code I am using
Expand|Select|Wrap|Line Numbers
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html>
- <head><title>AV office Assistant</title>
- <LINK href="style.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <div id="background">
- <img src="" />
- <div class="company">
- AV Office Assistant | Flexibele kantoorondersteuning | Met plezier aan het werk!
- <div class="text info">
- Bent u op zoek naar tijdelijke ondersteuning voor kantoor of service organisatie, AV Office Assistant helpt u graag!<br />
- Met uitgebreide ervaring in serviceverlening en verkoopondersteuning neem ik snel en makkelijk uw werkzaamheden over.<br />
- <br />
- <div class="text advantages">
- Wat kan ik voor u doen:
- <ul>
- <li>receptie- en telefoondiensten</li>
- <li>commerciële ondersteuning</li>
- <li>contacten leggen en onderhouden</li>
- <li>agendabeheer en planning</li>
- <li>hostess service</li>
- <li>voorbereiden en organiseren van bijeenkomsten</li>
- </ul>
- <br />
- Voordeel voor u:
- <ul>
- <li>geen contractverplichting en geen bemiddelingskosten</li>
- <li>alleen gewerkte uren worden in rekening gebracht</li>
- <li>ook beschikbaar voor korte periode, zelfs een paar uur of een paar dagen</li>
- </ul>
- <br/>
- </div>
- <div class="text moreInfo">
- Voor meer informatie over mijn diensten of bent u benieuwd naar prijzen en beschikbaarheid<br />
- neem gerust contact op via of <a class="mailto" href="mailto:"></a>
- </div>
- <br />
- <div class="text contact">
- <a class="mailto" href="mailto:"></a><br />
- </div>
- </div>
- </div>
- </div>
- </body>
- <html>
Expand|Select|Wrap|Line Numbers
- html{
- width:95%;
- height:530px;
- }
- #background{
- float:left;
- margin-left:225px;
- }
- .company{
- float:right;
- font-family:Forte;
- font-size:20px;
- color:purple;
- margin-left:5px;
- margin-bottom:500px;
- }
- .text{
- font-family:Calibri;
- font-size:14px;
- }
- .info{
- color:#551A8B;
- }
- .advantages{
- color:#551A8B;
- }
- .moreInfo{
- color:#551A8B;
- }
- .contact{
- color:#551A8B;
- }
- a.mailto{
- color:#551A8B;
- cursor:pointer;
- }
The website should be looking like there are 2 columns. One column (the left one) is the picture. The right one is some text. The columns should be in one straight line.
But somehow in Google chrome the first column is the picture and the text is on the right under the picture.
I can't give you a link to the webpage itself since it is not online yet. Still I hope you can give me some advice.
Thanks in advance,
Michael