באתר הזה ישנה שורת טקסט מתחת ללוגו.

שורה זו היתה אמורה להיות ממוקמת כמו בתמונה הזו.

ניסיתי למקם אותה כ: absolute אבל היתה לי בעיה כאשר הגדלתי והקטנתי את חלון המסך..

אשמח לשמוע מהי הדרך המומלצת לפי דעתכם לעשות זאת.

התכנון שלך שגוי.
כדאי שתיצרי שכבה שעבורה תגדירי את תמונת הרקע, ובתוכה תשימי את שתי השכבות האחרות (של הלוגו ושל הטקסט).
אחר כך פשוט צריך לתת לשכבות float:left ו-float:right בהתאמה

דור תודה, ההצעה שלך אכן נשמעת טובה יותר,
אבל מעט התקשתי ליישם אותה בפועל.

איך ניתן בשכבה אחת לשים את גם את הרקע ללוגו וגם את צבע הרקע השני (אני אמנם שמתי אותו כתמונה אבל אני מעדיפה לשים אותו כצבע פשוט) ?

שימי לב שיש כפתור תגובה בכל הודעה, וכדי למנוע בלבול רצוי ללחוץ על כפתור התגובה בהודעה שאליה את מעוניינת להגיב.
בכל אופן, התכוונתי למשהו בסגנון הזה, מקווה שתביני:

קוד:

<div id="header">
    <h1 id="logo"></h1>
    <h2 id="slogan">text</h2>
</div>

אויש לא שמתי לב לגבי התגובה..

ותודה רבה הבנתי את הרעיון !

רק קצת הסתבכתי עם ה- float איך ניתן לעשות ששני החלקים יופיעו באותה השורה ולא שורה מתחת שורה?

תסתכלי בדוגמא הבאה:
http://www.w3schools.com/css/tryit....me=trycss_float

שימי לב איך התמונה ממוקמת בצד ימין והטקסט בצד שמאל.
בקישור הבא יש עוד דוגמאות:

http://www.w3schools.com/css/pr_class_float.asp

http://www.fresh.co.il/vBulletin/showthread.php?t=71008

תודה רבה!