3 replies [Last post]
rpaschoarelli's picture
Last seen: 13 years 2 weeks ago
Timezone: GMT-3
Joined: 2010-03-14
Posts: 2
Points: 3

Hi, ive done a layout for a project, he is working well at IE ,and all browsers at least for me, but my screen resolution 1280x1024 he is ok and all is right and the align is correct..

but when i enter the website in fullhd resolutions , the main site go on top of logo and the footer goes to the right making all the site look ugly and unfunctional
in firefox is opening ok,opera,safari and chrome also.

im worried cause half of my visitors use ie.

The problem is, if i dont see the mistakes (in my resolution is ok) and i dont have a full hd monitor, i cant fix all this errors...

im posting the css file here and the xml...

i use blogger.....

Project Url : http://ilovietrancie.blogspot.com/

CSS (images arent working due to server is down but the main structure is there):



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Site de Trance com noticias,informações,festas,djs,lançamentos e muito mais!' name='description'/>
<meta content='trance, paul van dyk, sander van doorn, armin van buuren, brasil, ferry corsten' name='keywords'/>
<link href='http://ilovetrance.110mb.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ilovetrance.110mb.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <b:include data='blog' name='all-head-content'/>
<link href='http://ilovetrance.110mb.com/ilt.css' rel='stylesheet' type='text/css'/> 
<script src='http://ilovetrance.110mb.com/jquery.js' type='text/javascript'/>
<script src='http://ilovetrance.110mb.com/fadeslideshow.js' type='text/javascript'/>
<script src='http://ilovetrance.110mb.com/slideshow.js' type='text/javascript'/>
<script src='http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script charset='utf-8' type='text/javascript'>
getTwitters('tweet', { 
  id: 'tranceparties', 
  count: 08, 
  enableLinks: true, 
  ignoreReplies: true, 
  clearContents: true,
  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});	]]>
<div id='tudo'>
<div id='conteudo'>
<div id='topo'>
<div id='cima'/>
<div id='colorcima'>
<div id='barracima'> <a href='index'>Home</a> <a href='sets.html'>Sets</a> <a href='djs.html'>DJS</a> <a href='selos.html'>Selos</a> <a href='cds.html'>CDS</a> <a href='videoclipes.html'>VideoClipes</a> <a href='festas.html'>Festas</a></div>
<div id='search'><form action='http://ilovietrancie.blogspot.com/' method='get'>
<input class='inputsearch' name='search' size='26' type='text' value='Procure no Site'/>
<input class='submitsearch' name='submit' type='submit' value='Pesquise'/>
<input name='max-results' type='hidden' value='4'/>
<div id='principal'>
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:section class='crosscol' id='crosscol'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<div id='adh'>
<b:section class='adh' id='adhorizontal'>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
<!--Começo da Pagina + Menu -->
<div id='meio'> 
 <div id='pagina'><b:section id='maincontent' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
 <div id='menur'>
 <div id='adv'>
 	<b:section class='adv' id='advertical'>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<div align='center'>
 <div id='menurin'>
 <b:section class='menuesquerdain' id='menuesquerda' preferred='yes'>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='Translate' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Feed' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='Comentários' type='HTML'/>
<b:widget id='HTML15' locked='false' title='Recomendamos' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Stats' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML13' locked='false' title='LinkWithin' type='HTML'/>
  </div> <!-- Fim da div#principal -->
<div id='auxiliar'>
<div align='center'>
<div id='menudireita'>
<b:section class='menudireitain' id='menudireita'>
<b:widget id='HTML2' locked='false' title='Site' type='HTML'/>
<b:widget id='HTML17' locked='false' title='Social' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Videos    (70)' type='HTML'/>
<b:widget id='HTML16' locked='false' title='Sets' type='HTML'/>
<b:widget id='HTML18' locked='false' title='Festas' type='HTML'/>
<b:widget id='HTML10' locked='false' title='CDS' type='HTML'/>
<b:widget id='HTML9' locked='false' title='Selos/Gravadoras' type='HTML'/>
<b:widget id='HTML3' locked='false' title='DJS' type='HTML'/>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
</div> <!-- Fim da div#auxiliar -->
<div class='clear'/>
</div> <!-- Fim da div#conteudo -->
<div id='rodape'>
<div id='tweetlogo'>
<a href='http://twitter.com/tranceparties' target='_blank'><img border='0' src='http://ilovetrancecombr.hfree.com.br/img/tranceparties.jpg'/> </a></div><br/><br/>
<div id='tweet'>
 <p>Carregando As Festas </p>
 <p><a href='http://twitter.com/tranceparties' target='_blank'>Se Você não aguentar Esperar Clique Aqui</a></p>
 <div id='colorbaixo'>
 <div id='logobaixo'>Home Contato Staff SobreNós Orkut Twitter</div>
 <div id='barrabaixo'>2010  Todos os Direitos Reservados</div>
</div> <!-- Fim da div#tudo -->
<!-- +disqus -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
	(function() {
	  var links = document.getElementsByTagName('a');
	  var query = '?';
	  for(var i = 0; i < links.length; i++) {
	    if(links[i].href.indexOf('#disqus_thread') >= <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
	      query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
	  document.write('<script type="text/javascript" src="http://disqus.com/forums/ilovetrance/get_num_replies.js' + query + '"></' + 'script>');
<!-- -disqus -->

rpaschoarelli's picture
Last seen: 13 years 2 weeks ago
Timezone: GMT-3
Joined: 2010-03-14
Posts: 2
Points: 3

if anyone could help me i

if anyone could help me i would be very glad.. or any tutorial..

thepineapplehead's picture
Last seen: 48 weeks 5 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

First thing I would do is get

First thing I would do is get rid of the XML prolog (the first line) and see what happens in IE Wink

As for Full HD - you might have to define what resolution we're talking about, or who is using it? HD shouldn't become a problem for website design - 1080 (p and i) is a resolution of 1920x1080 and 720 (i and p again) is 1280x720. My widescreen monitor is currently running at 1440x900 and everything I use appears fine, there's just more screen estate.

Verschwindende wrote:
  • CSS doesn't make pies

scept1c's picture
Last seen: 10 years 45 weeks ago
Joined: 2010-02-01
Posts: 16
Points: 17

always the same problems with

always the same problems with IE, when are they going to develop it properly?

http://www.cms-informer.com/ PHP Content management Systems Blog and News
Articles, Information, Documentation, Blogs