The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML problem, on every monitor resolution diferent

View previous topic View next topic Go down

Solved HTML problem, on every monitor resolution diferent

Post by mirza.mejkem.converse on November 28th 2011, 10:43 pm

So I wanted to make a site on my forum, something like a new section on the forum, but something went wrong. So my resolution is 1280x1024 but if i set it to 1024x768 or any else resoltion then I see the site about 200px to the right, better to say just open to link and set your resolution to mine's or to any other and you'll se the diference.

http://forum-owners.forumotions.in/h3-skola
The link on wich I'm testing it :S

Any help ?

Here's the HTML :

Code:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Skolska Svakodnevnica</title>
<style>
<!--
.naslov      { color: #8E8E8E; text-decoration: none; font-size: 14pt; font-family:
              Century Gothic; letter-spacing: -1; word-spacing: 0; margin: 0 }
a:link, a:active, a:visited { color: #373737; font-size: 10pt; text-decoration: none; font-family:
              Trebuchet MS; word-spacing: 0; margin: 0; text-shadow: 0px 1px 0px #ffffff; }
a:hover { color: #797979; font-size: 10pt; text-decoration: none; font-family:
              Trebuchet MS; word-spacing: 0; margin: 0; text-shadow: 0px 1px 0px #ffffff; }
.sadrzaj    { font-family: Trebuchet MS; font-size: 10pt; text-decoration: none; color:
              #7E7E7E; word-spacing: 0; margin: 0 }
-->
</style>
</head>

<body bgcolor="#ebebeb">


<div style="position: relative; width: 1000px; height: 150px;  left: 117px; top: -8px" id="head">
   <map name="FPMap0">
   <area href="#facebook" shape="rect" coords="18, 78, 63, 123">

   <area href="#mail" shape="rect" coords="68, 79, 115, 125">
   </map>
   <img border="0" src="http://www.dodaj.rs/f/11/yO/3aXQdXYA/head.png" width="1000" height="175" usemap="#FPMap0">



</div><div style="position: relative; width: 978px; height: ; left: 125px; top: 26px; border-style: solid; border-width: 0; padding: 5px; background-color: #FFFFFF; -moz-border-radius: 5px;
border-radius: 5px; -moz-box-shadow: 0px 8px 10px #d3d3d3;
-webkit-box-shadow: 0px 8px 10px #d3d3d3;
box-shadow: 0px 8px 10px #d3d3d3" id="content">
<p class="naslov">DOBRODOSLI</p>
<p class="sadrzaj">Dobrodosli na stranicu koja je prvobitno namjenjena
ucenicima, studentima te naravno i svakom ko je zainteresiran za skolsku
svakodnevnicu. Na stranici cete moci vecinom naci teme koje ce sadrzavati
olaksice i trikove u ucenju, u komunikaciji sa profesorima, nastavnicima i opce
sa ucenicima. Na stranici ce se takodjer i razradjivati teme vezane za &quot;kreativnu
nastavu&quot;. Sve sto nije jasno mozete upitati na nasoj facebook stranici ili putem
e-mail forme te tako posalji vase komentare/sugestije.</p>
<p class="sadrzaj"></p>

<p class="sadrzaj" align="right"><i>Administrator stranice - Komic Mirza</i></div>


<div style="position: relative; width: 859px; height: 31px;  left: 196px; top: -193px" id="menu">
<p align="center" style="margin-top: 0; margin-bottom: 0"><a href="/index.htm">POCETNA</a> - <a href="/teme/index.htm">
TEME</a> - <a href="/linkovi.htm">LINKOVI</a> - <a href="/omeni.htm">O MENI</a>

- <a href="/kontakt.htm">KONTAKT </a></div>



</body>

</html>

mirza.mejkem.converse
New Member

Posts : 9
Reputation : 0
Language : Bosnian

Back to top Go down

Solved Re: HTML problem, on every monitor resolution diferent

Post by green7izard on November 28th 2011, 11:30 pm

ITs simple... in line 23 you have:
Code:
left: 117px;
top: -8px

You should try this in that line:
Code:
 float: middle;
(dont forget to delete the left thingsy...)

That will make it float nice and simply in the middle of the screen, no matter the resolution.
You could also make width like "80%" insted of "1000px"
makes your site more dynamical.
Hope this helped you out Smile

green7izard
New Member

Posts : 5
Reputation : 1
Language : Dutch

Back to top Go down

Solved Re: HTML problem, on every monitor resolution diferent

Post by Mike on November 28th 2011, 11:40 pm

The above wont work.

Code:
margin: auto;

will center it. Remove the left: 117px;

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: HTML problem, on every monitor resolution diferent

Post by mirza.mejkem.converse on November 29th 2011, 10:59 am

Thanks Drogba It worked Smile

mirza.mejkem.converse
New Member

Posts : 9
Reputation : 0
Language : Bosnian

Back to top Go down

Solved Re: HTML problem, on every monitor resolution diferent

Post by Jophy on November 29th 2011, 4:32 pm

Topic Solved & Moved

Note: You can also help the staff member's work by EDITING your topic and marking it as solved.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum